@charset "UTF-8";

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

html * {
  font-family: monocraft, monospace !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;
}

.box {
  backdrop-filter: blur(4px) !important;
  --bulma-box-background-color: #1E1E2E80 !important;
  --bulma-shadow-h: 232 !important;
  --bulma-shadow-s: 97% !important;
  --bulma-shadow-l: 85% !important;
  --bulma-shadow: 0 0.5em 1em -0.125em hsla(var(--bulma-shadow-h),
      var(--bulma-shadow-s),
      var(--bulma-shadow-l),
      0.3), 0 0px 0 1px hsla(var(--bulma-shadow-h),
      var(--bulma-shadow-s),
      var(--bulma-shadow-l),
      0.02) !important;
}

.card {
  backdrop-filter: blur(4px) !important;
  --bulma-card-background-color: #1E1E2E80 !important;
  --bulma-shadow-h: 232 !important;
  --bulma-shadow-s: 97% !important;
  --bulma-shadow-l: 85% !important;
  --bulma-shadow: 0 0.5em 1em -0.125em hsla(var(--bulma-shadow-h),
      var(--bulma-shadow-s),
      var(--bulma-shadow-l),
      0.3), 0 0px 0 1px hsla(var(--bulma-shadow-h),
      var(--bulma-shadow-s),
      var(--bulma-shadow-l),
      0.02) !important;
}

.input,
.select select,
.textarea {
  backdrop-filter: blur(4px);
  --bulma-input-h: 232 !important;
  --bulma-input-s: 97% !important;
  --bulma-input-l: 85% !important;
  --bulma-input-background-h: var(--bulma-input-h) !important;
  --bulma-input-background-s: var(--bulma-input-s) !important;
  --bulma-input-background-l: var(--bulma-input-l) !important;
  background-color: hsla(var(--bulma-input-h),
      var(--bulma-input-s),
      var(--bulma-input-background-l),
      0.213125) !important;
  border-color: hsl(var(--bulma-input-h), var(--bulma-input-s), var(--bulma-input-l)) !important;
}

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

::-moz-selection {
  background: hsla(232, 97%, 85%, 0.4125) !important;
}

::selection {
  background: hsla(232, 97%, 85%, 0.4125) !important;
}

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