@font-face {
  font-family: Berkshire Swash;
  src: local("Berkshire Swash"),
       url("Fonts/Berkshire Swash.woff") format('woff'),
       url("Fonts/Berkshire Swash.woff") format('woff2');
}
@font-face {
  font-family: Sixtyfour;
  src: local("Sixtyfour"),
       url("Fonts/Sixtyfour.woff") format('woff'),
       url("Fonts/Sixtyfour.woff") format('woff2');
}
@font-face {
  font-family: Caveat Brush;
  src: local("Caveat Brush"),
       url("Fonts/Caveat Brush.woff") format('woff'),
       url("Fonts/Caveat Brush.woff") format('woff2');
}
@font-face {
  font-family: BitcountSingle;
  src: local("BitcountSingle"),
       url("Fonts/BitcountSingle.woff") format('woff'),
       url("Fonts/BitcountSingle.woff") format('woff2');
}
@font-face {
  font-family: BitcountSingle;
  src: local("BitcountSingle"),
       url("Fonts/BitcountSingle.woff") format('woff'),
       url("Fonts/BitcountSingle.woff") format('woff2');
}@font-face {
  font-family: PressStart2P;
  src: local("PressStart2P"),
       url("Fonts/PressStart2P.woff") format('woff'),
       url("Fonts/PressStart2P.woff") format('woff2');
}
@font-face {
  font-family: GeostarFill;
  src: local("GeostarFill"),
       url("Fonts/GeostarFill.woff") format('woff'),
       url("Fonts/GeostarFill.woff") format('woff2');
}
@font-face {
  font-family: Audiowide;
  src: local("Audiowide"),
       url("Fonts/Audiowide.woff") format('woff'),
       url("Fonts/Audiowide.woff") format('woff2');
}
@font-face {
  font-family: Science Gothic;
  src: local("Science Gothic"),
       url("Fonts/Science Gothic.woff") format('woff'),
       url("Fonts/Science Gothic.woff") format('woff2');
}
@font-face {
  font-family: Eater;
  src: local("Eater"),
       url("Fonts/Eater.woff") format('woff'),
       url("Fonts/Eater.woff") format('woff2');
}
@font-face {
  font-family: Gluten Thin;
  src: local("Gluten Thin"),
       url("Fonts/Gluten Thin.woff") format('woff'),
       url("Fonts/Gluten Thin.woff") format('woff2');
}
@font-face {
  font-family: Gochi Hand;
  src: local("Gochi Hand"),
       url("Fonts/Gochi Hand.woff") format('woff'),
       url("Fonts/Gochi Hand.woff") format('woff2');
}
@font-face {
  font-family: Julee;
  src: local("Julee"),
       url("Fonts/Julee.woff") format('woff'),
       url("Fonts/Julee.woff") format('woff2');
}
@font-face {
  font-family: Lacquer;
  src: local("Lacquer"),
       url("Fonts/Lacquer.woff") format('woff'),
       url("Fonts/Lacquer.woff") format('woff2');
}
@font-face {
  font-family: Nothing You Could Do;
  src: local("Nothing You Could Do"),
       url("Fonts/Nothing You Could Do.woff") format('woff'),
       url("Fonts/Nothing You Could Do.woff") format('woff2');
}
@font-face {
  font-family: Pacifico;
  src: local("Pacifico"),
       url("Fonts/Pacifico.woff") format('woff'),
       url("Fonts/Pacifico.woff") format('woff2');
}
@font-face {
  font-family: Permanent Marker;
  src: local("Permanent Marker"),
       url("Fonts/Permanent Marker.woff") format('woff'),
       url("Fonts/Permanent Marker.woff") format('woff2');
}
@font-face {
  font-family: Pinyon Script;
  src: local("Pinyon Script"),
       url("Fonts/Pinyon Script.woff") format('woff'),
       url("Fonts/Pinyon Script.woff") format('woff2');
}


form{
 margin:0;padding:0;display:inline;
}

#backgroundVideo {
   width: 100vw;
   height: 100vh;
   object-fit: cover;
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
}

.inverted {
  filter:invert(100%);
  mix-blend-mode:difference;
  z-index: 3;
}

.Headline {
  font-variation-settings: "SCAN" -40, "BILA" -0;
  font-family:Sixtyfour,Arial,cursive;
  color:rgb(50,50,50);
  font-size:7vw;
  font-weight:bolder;
  text-align:center;
}
.LoadBar {
  font-variation-settings: "SCAN" -10, "BILA" -0;
  font-family:Sixtyfour,Arial,cursive;
  color:rgb(50,50,50);
  font-size:7vh;
  font-weight:bolder;
  text-align:center;
}
.Song {
 display: grid;
 place-items: center;
 width:40vw;
 left:0;
 font-variation-settings: "SCAN" -25, "BILA" -5;
 position: relative;
 filter:invert(100%);
 mix-blend-mode:difference;
 z-index: 3;
 color:rgb(55,55,55);
 font-size:10vh;
 padding-top:10vh;
 padding-bottom:10vh;
 text-align: center;
 font-family:Sixtyfour,Arial,cursive;
}
.SongText {
 position: relative;
 width:95vw;
 filter:invert(100%);
 mix-blend-mode:difference;
 z-index: 3;
 color:rgb(55,55,55);
 font-size:2vh;
 text-align:left;
 font-family:BitcountSingle,Arial,cursive;
 font-weight:330;
}

.hidden {
    display: none;
}

.star-wars-intro, .star-wars {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: transparent !important;
    pointer-events: none;
}

.star-wars-intro .title-content {
    animation: scroll 700s linear 4s forwards;
    font-family: BitcountSingle,Arial,cursive;
    font-weight: 444;
    color:rgb(155,155,155);
}

@keyframes scroll {
  0% {
    top: 4000px;
    transform: rotateX(20deg) translateZ(0);
  }
  100% {
    top: -25000px;
    transform: rotateX(25deg) translateZ(-2500px);
  }
}