/* latin-ext */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.toolsnacks.com/fonts/lora-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.toolsnacks.com/fonts/lora-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
  --border-radius: 2px;
  --box-shadow: 4px 4px 2px;
  --color-accent: rgb(92, 70, 122);
  --color-bg: rgb(21, 16, 28);
  --color-bg-secondary: #e9e9e9;
  --color-link: rgb(236, 120, 213);
  --color-secondary: rgb(236, 120, 213);
  --color-secondary-accent: #920de90b;
  --color-shadow: #f4f4f4;
  --color-table: rgb(236, 120, 213);
  --color-text: rgb(231, 230, 233);
  --color-text-secondary: #999;
  --font-family: 'Lora', serif;
}

mark {
  background-color: rgb(167, 218, 14);
}

progress {
  margin: 0rem 0rem 0rem 1rem;
}

.blink {
  animation: blink 1s step-end infinite;
}

@keyframes blink {
  67% {
    opacity: 0
  }
}