html, body {
  font-family: 'Cascadia Code', ui-mono !important;
}

.glow {
  text-shadow: 2px 2px 60px #0079F2;
}

html,* { cursor: none; }

.bg-grid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(148 163 184 / 0.05)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e");
  mask-image: linear-gradient(to bottom, transparent, black);
  -webkit-mask-image: linear-gradient(to bottom, transparent, black);
}

.animate-wrapper {
    animation: fade ease 0.5s, scale ease 0.25s ;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
  
@keyframes fade {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

@keyframes scale {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1.0);
    }
}

.body {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 3px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
  border-radius: 0px;
  border: 0px solid transparent;
}

::selection {
  background: black;
  color: white;
}