@font-face {
  font-family: Slab;
  src: url(/assets/fonts/BespokeSlab-Variable.ttf) format("opentype");
  font-weight: 200 600;
  font-style: normal
}

@font-face {
  font-family: Sans;
  src: url(/assets/fonts/BespokeSans-Variable.ttf) format("opentype");
}


:root {
  --color-primary: #5c5add !important;
  --color-accent: #5c5add !important;
  --color-background: #fff !important;

  --padding: 1.875rem !important;
  --font-size-h1: 3.75rem;
  --font-size-h2: 2.375rem;
  --font-size-h3: 1.875rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.25rem;
  --font-size-h1-mobile: 2.5rem;
  --font-size-h2-mobile: 2rem;
  --font-size-h3-mobile: 1.625rem;
  --font-size-h4-mobile: 1.375rem;
  --font-size-h5-mobile: 1.25rem;
  --line-height-text: 1.5;
  --line-height-list: 1.375;
  --line-height-figcaption: 1.5;
  --line-height-h1: 1.25;
  --line-height-h2: 1.3;
  --line-height-h3: 1.35;
  --line-height-h4: 1.4;
  --line-height-h5: 1.45;

  
}

#view {
  --color-accent: #5c5add !important;
}

.grow-wrap>textarea,
.grow-wrap:after{
visibility: visible !important;
}

.block--markdown {
  color: #131313 !important;
}



body *{
  font-family:"Slab", sans-serif !important;
  --color-primary: #5818DC !important;
}

body {

  background:linear-gradient(90deg,var(--color-background),calc(var(--grid-step) - var(--grid-border)),transparent 0),linear-gradient(var(--color-background),calc(var(--grid-step) - var(--grid-border)),transparent 0),rgba(92, 90, 221, 0.8)!important;
  background-size:var(--grid-step) var(--grid-step)!important;
}

h1 {
  font-size: var(--font-size-h1) !important;
  line-height: var(--line-height-h1) !important;
  color: #5818DC !important;
}
h2 {
  font-size: var(--font-size-h2) !important;
  line-height: var(--line-height-h2) !important;
}
h3 {
  font-size: var(--font-size-h3) !important;
  line-height: var(--line-height-h3) !important;
}
h4 {
  font-size: var(--font-size-h4) !important;
  line-height: var(--line-height-h4) !important;
}
h5 {
  font-size: var(--font-size-h5) !important;
  line-height: var(--line-height-h5) !important;
}

h1,
h2,
h3,
h4,
h5 {
  font-family:"Slab", sans-serif !important;
}

.block a {
  color: #5818DC !important;
}


p {
  font-family: "Sans" !important;
}



.block a:not(.no-arrow):after {
  content: none !important;
}

.block a[target]:not(.no-arrow):after {
  content: none !important;
}

.block--selected,
.border--blue,
.block--edited {
  border: calc(var(--border) / 2) solid #000 !important;
  outline: calc(var(--border) / 2) solid #000 !important;
}

.menu__arrow {
  font-size: var(--font-size-1) !important;
}

@media screen and (max-width: 800px) {
  h1 {
    font-size: var(--font-size-h1-mobile) !important;
  }
  h2 {
    font-size: var(--font-size-h2-mobile) !important;
  }
  h3 {
    font-size: var(--font-size-h3-mobile) !important;
  }
  h4 {
    font-size: var(--font-size-h4-mobile) !important;
  }
  h5 {
    font-size: var(--font-size-h5-mobile) !important;
  }
}