@import url('https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300&family=Tilt+Neon&display=swap');


  .rain{
  background-image: -webkit-linear-gradient(left, #ff0000, #ff7f00, #ffff00, #00ff00, #00ffff, #0000ff, #8b00ff); /* For Chrome and Safari */
  background-image:    -moz-linear-gradient(left, #ff0000, #ff7f00, #ffff00, #00ff00, #00ffff, #0000ff, #8b00ff); /* For old Fx (3.6 to 15) */
  background-image:     -ms-linear-gradient(left, #ff0000, #ff7f00, #ffff00, #00ff00, #00ffff, #0000ff, #8b00ff); /* For pre-releases of IE 10*/
  background-image:      -o-linear-gradient(left, #ff0000, #ff7f00, #ffff00, #00ff00, #00ffff, #0000ff, #8b00ff); /* For old Opera (11.1 to 12.0) */
  background-image:         linear-gradient(to right, #ff0000, #ff7f00, #ffff00, #00ff00, #00ffff, #0000ff, #8b00ff); /* Standard syntax; must be last */
  }

@media (prefers-color-scheme: dark) {
  body{
    background-color:black;
    color:white;
  }
}


@media (prefers-color-scheme: light) {
  body{
    background-color:white;
    color:black;
  }
}



#normal_text {
  font-family: 'Outfit', sans-serif !important;
}

#header {
  font-family: 'Tilt Neon', sans-serif !important;
}