html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}

@font-face {
font-family: 'New Font';
src: url('../fonts/851h-kktt-fixed.ttf') format('truetype');
font-weight: normal;
font-style: normal;  
}

@font-face {
font-family: 'Cubular Title';
src: url('../fonts/cubular-title-pixelated.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@-moz-document url-prefix() {
:root {
scrollbar-width: thin;
scrollbar-color: #C7147F #450923;
    }

.sign-container {
margin-top: 100vh;
}    

}

@supports (-ms-ime-align:auto) {
.sign-container {
      margin-top: 95vh;
  }
}



html {
cursor: url("../assets/Arrow texture.png"), auto;
}

body { 
image-rendering: pixelated;
background: url("../assets/Third\ BG.png"), rgb(20, 17, 28);
background-position: top center;
background-size: cover;
min-height: 338.542vh;
height: 100%;
min-width: 100vw;
margin: 0;
display: flex;
flex-direction: column;
background-repeat: no-repeat;
color: GreenYellow;
overflow-x: hidden;
cursor: url("../assets/Arrow texture.png"), auto;
}

.stuff {
  flex: 1;
}


a:link {
color: rgb(186, 255, 25);
cursor: url("../assets/Arrow pointer texture.png"), pointer;
}
a:hover {
color: rgb(78, 255, 137);
}
a:visited {
color: deepskyblue;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  height: 8px;
  width: 8px;
}
*::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #450923;
}

*::-webkit-scrollbar-track:hover {
  background-color: #690C2B;
}

*::-webkit-scrollbar-track:active {
  background-color: #A31234;
}

*::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #C7147F;
  border: 1px dashed #FF2D2D;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #E80E41;
}

*::-webkit-scrollbar-thumb:active {
  background-color: #F57200;
}

.parallax {
position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  min-height: 338.542vh;
  z-index: -1;
}

.parallax_img {
  position: absolute;
  width: 100%;
  height: 100vh; /* Slightly larger to prevent gaps */
  background-image: url("../assets/Star\ details.png");
  background-size: cover;
  background-position: center;
  transform: translateY(0);
  transition: transform 0.1s linear;
}

.parallax_img {
height: 200vh;
}

.sign {
display: none;  
margin-top: 20vh;
margin-left: auto;
margin-right: auto;
width: 363px;
}

.sign img {
width: 90%;
}

.pop-ups {
display: none;
}

video {
  width: 100%;
  display: block;
  user-select: none;
}

.sign-container {
width: 12vw;
margin-top: 95vh; 
margin-left: auto;
margin-right: auto;
text-align: center;
position: relative;
}

.mobile-sign {
display: none;
}

.rating {
position: absolute;
left: 100px;
right: 0;
top: 230vh;
}

.rating_2 {
margin-left: auto;
margin-right: auto;
height: 343px;
text-align: center;
display: none;
}

.fireflies {
scale: 2;
filter: drop-shadow(0 30px 5px rgb(245, 31, 138));
position: absolute;
left: 20vw;
top: 78vh;
}

footer {
color: #f09c1e;
text-shadow: 0 1px 0 #000000, 0 0 10px #ac0056;
font-size: 20px;
height: 20px;
text-align: center;
font-family: 'New Font';
background: linear-gradient(90deg, #7a690556 0%, #93005f25 50%, #2b0c4b85 100%);
margin: 0;
margin-bottom: 10px;
}

@media screen and (max-width: 600px) {

body {
background-image: url("../assets/Third\ BG\ no\ header.png");
}

.sign {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}


.sign-container {
display: none;
}

.pop-ups {
display: block;
text-align: center;
margin-top: 405px;
}

.mobile-sign {
display: block;
margin-top: 31vh;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.fireflies {
left: 0;
}

.rating {
display: none;
}

.rating_2 {
display: block;
margin-top: 200px;  
}

.rating_2 img {
border: 1px dashed; 
}

footer {
font-size: 15px;
}

}