@charset "UTF-8";

@font-face {
  font-family: freemono;
  src: url("freemono.ttf");
}

@font-face {
  font-family: geistmono;
  src: url("geistmono.ttf");
}

@font-face {
  font-family: victormono;
  src: url("victormono.ttf");
}

@font-face {
  font-family: monocraft;
  src: url("monocraft.ttf");
}

@font-face {
  font-family: os-cond;
  src: url('os-cond_regular.woff') format('woff');
  src: url('os-cond_regular.woff2') format('woff2');
}

@font-face {
  font-family: os-cond;
  font-weight: bold;
  font-style: italic;
  src: url('os-cond_bolditalic.woff') format('woff');
  src: url('os-cond_bolditalic.woff2') format('woff2');
}

@font-face {
  font-family: os-cond;
  font-weight: bold;
  src: url('os-cont_bold.woff') format('woff');
  src: url('os-cond_bold.woff2') format('woff2');
}

@font-face {
  font-family: os-cond;
  font-style: italic;
  src: url('os-cond_italic.woff') format('woff');
  src: url('os-cond_italic.woff2') format('woff2');
}

@font-face {
  font-family: os;
  src: url('os_regular.woff') format('woff');
  src: url('os_regular.woff2') format('woff2');
}

@font-face {
  font-family: os;
  font-weight: bold;
  font-style: italic;
  src: url('os_bolditalic.woff') format('woff');
  src: url('os_bolditalic.woff2') format('woff2');
}

@font-face {
  font-family: os;
  font-weight: bold;
  src: url('os_bold.woff') format('woff');
  src: url('os_bold.woff2') format('woff2');
}

@font-face {
  font-family: os;
  font-style: italic;
  src: url('os_italic.woff') format('woff');
  src: url('os_italic.woff2') format('woff2');
}

:root {
  --current-font: ""
}

* {
  font-family: var(--current-font), freemono, geistmono, victormono, monocraft, monospace, os;
  font-size-adjust: ch-width 0.55 !important;
  scrollbar-color: hsla(232, 97%, 85%, 0.5) hsla(240, 21.05%, 14.9%, 0.7) !important;
  scrollbar-width: thin !important;
  scroll-behavior: smooth !important;
}

::-webkit-scrollbar {
  display: none;
}

.textarea {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

.textarea::-webkit-scrollbar {
  display: none !important;
}

select {
  background: transparent !important;
  color: white !important;
  border-color: white !important;
  border-width: 1px !important;
  border-radius: none !important;
}

.box {
  backdrop-filter: blur(4px) !important;
}

.card {
  backdrop-filter: blur(4px) !important;
}

.blink {
  animation: blink 1s cubic-bezier(.5, 0, 1, 1) infinite alternate !important;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

.zoom {
  transition: transform .2s;
}

.zoom:hover {
  transform: scale(1.05);
  transition: transform .2s;
}

@keyframes zoom {
  0% {
    scale: 100%;
  }

  100% {
    scale: 150%;
  }
}

.input,
.select select,
.textarea {
  backdrop-filter: blur(4px);
  background-color: white, 0.213125 !important;
  border-color: white !important;
}

a.navbar-item,
a.navbar-item:hover {
  background-color: transparent !important;
}

::-moz-selection {
  background: #F5C2E740 !important;
}

::selection {
  background: #F5C2E740 !important;
}

a {
  color: #F5C2E7FF !important;
  text-decoration: none !important;
}

a:hover {
  text-decoration: underline !important;
  filter: url("post.bloom.svg#process") !important;
}

button {
  background-color: transparent !important;
  border-color: transparent !important;
  color: white !important;
}

button:hover {
  text-decoration: underline !important;
  filter: url("post.bloom.svg#process") !important;
}