/* basic stuff... */

body {
    font-family: Nintendo;
}

@font-face {
    font-family: OpenDyslexic;
    src: url(https://file.garden/Zwh0MLf5wyra4Rld/OpenDyslexic-Regular.otf);
    size-adjust: 85%;
}

@font-face {
    font-family: Nintendo;
    src: url(https://dl.dropbox.com/s/vlxjtnvrl9s0snp/Nintendo-DS-BIOS.ttf);
    size-adjust: 130%;
}

.button {
    -webkit-box-shadow: inset 0px 0px 5px 4px var(--color-fade); 
    box-shadow: inset 0px 0px 5px 4px var(--color-fade);
    
    -webkit-border-radius: 0px 10px 0px 5px;
    border-radius: 0px 10px 0px 5px;
    padding: 6px;
}

button:hover {
  transform: scale(1.1);
}

::-moz-selection {
  color: lightgray;
}

::selection {
  color: lightgray;
}

a:link {
    color: lightgray;
}
a:visited {
    color:lightgray;
}


/* boxes */

.sub-box {
    -webkit-box-shadow: inset 0px 0px 5px 4px var(--color-fade); 
    box-shadow: inset 0px 0px 5px 4px var(--color-fade);
    
    border: 4px double black;
    padding: 10px;
}
    
/* misc. codes */

.bluronl {
animation: blur 1s ease;
}

@keyframes blur {
from {
filter: blur(4px);
}
to {
filter: blur(0);
}
}

/* marquee */

.marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 60px;
  overflow-x: hidden;
}

.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 15s linear infinite;
    
      &:hover {
    animation-play-state: paused;
  }
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
