/* huge */

.banner {
  margin-top: 100px;
  display: flex;
  justify-content: center; 
  gap: 1rem;
  background-color: black;
}


.YES {
   margin-top: 1rem;
   display: flex;
   justify-content: center; 
   gap: 1rem;
   background-color: black;
}

.licks {
  margin-top: 1rem;
  display: flex;
  justify-content: center; 
  gap: 1rem;
  background-color: black;
}

body {
  background-color: black;
}

/* inner stuff or something like that */

.inbanner {

  padding: 0px;
  max-width: 49.5rem;
  min-width: 49.5rem;
  min-height: 3rem;
  overflow: hidden;
  color: rgb(255, 255, 255);
  background-image: url(/assets/images/rotatedsparkles.gif);

}



.help {
  display: flex;
  flex-direction: column;
  align-items: center;
  
}

.boi {
  max-height: 8rem;
}

.fire {
   border : 3px solid rgb(255, 255, 255);
   padding: 25px;
   max-width: 37.5rem;
   min-width: 37.5rem;
   overflow: hidden;
   color: rgb(255, 255, 255);
   background-image: url(/assets/images/sparkles.gif);
}

.rightside {

   border : 3px solid rgb(255, 255, 255);
   padding: 20px;
   max-width: 5rem;
   min-width: 5rem;
   background-image: url(/assets/images/croppedsparkles.gif);
   color: rgb(255, 255, 255);

}

.foot {
  
 
  padding: 25px;
  max-width: 49.5rem;
  min-width: 46.5rem;
  background-image: url(/assets/images/rotatedsparkles.gif);
  color: rgb(255, 255, 255);
}


.othersites {
   display: flex;
   flex-direction: column;
   align-items: center;
}

header {
   display:flex;
   gap: 40px;
   align-items: center;
   justify-content: baseline;
}


/* hi */

a {
   color: white;
}


.links {

  text-align: right;
  margin-left: auto;

}

h1, h2, h3, h4 {
   font-family:'Press Start 2P';

}

h1 {
  text-shadow: 0 0 10px white;
}

h3 {
  text-shadow: 0 0 5px white;
}

p {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: small;
  color: white;
}


/* piss stuff */


.badge-marquee {
   overflow: hidden;
   position: relative;
   width: 100%;
 }
 
 .badge-marquee .badge-track {
   display: inline-flex;
   align-items: center;
   flex-wrap: nowrap;
   gap: 10px;
   will-change: transform;
   animation: badge-marquee-slide-right linear infinite;
   animation-duration: var(--badge-marquee-duration,25s);
 }
 
 .badge-marquee .badge-track img {
   flex: 0 0 auto;
   height: auto;
 }
 
 .badge-marquee--right .badge-track {
   transform: translateX(-50%);
 }
 
 @keyframes badge-marquee-slide-right {
   0% {
     transform: translateX(-50%);
   }
   100% {
     transform: translateX(0);
   }
 }
 
 @media (prefers-reduced-motion: reduce) {
   .badge-marquee .badge-track {
     animation: none !important;
     transform: translateX(0) !important;
   }
 }

 /* more stuff */

@keyframes randomized-text {
  from {translate: +100%;}
  to {translate: -170%;}
}

#randomText {
  background-color: black;
  color: white;
  width: 300%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  
}