style.css

body {
    margin: 0;
    padding: 0;
    background-color: #2da6cf;
    font-family: Arial, sans-serif;
}

#cosmicio {
    position: fixed;
    top: 10px;
    right: 10px;
    font-size: 36px;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
}

#main {
    margin-top: 100px;
    text-align: center;
}

#main h1 {
    font-size: 36px;
    color: white;
}

#main p {
    font-size: 20px;
    color: white;
    margin-bottom: 20px;
}

#redorange-link {
    background-color: rgb(210, 0, 0);
    color: rgb(0, 0, 0);
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 18px;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

#redorange-link:hover {
    background-color: rgb(255, 179, 0);
    color: rgb(17, 17, 17);
}

#shadowBox {
  background-color: rgb(0, 0, 0);
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.2);
  /* Black w/opacity/see-through */
  border: 3px solid;
}

@-webkit-keyframes rainbowdropshadow {
  0% {
    text-shadow: 1px 1px 0 #FF0000, 2px 2px 0 #FF7F00, 3px 3px 0 #FFFF00;
  }
  8% {
    text-shadow: 1px 1px 0 #FF7F00, 2px 2px 0 #FFFF00, 3px 3px 0 #7FFF00;
  }
  16% {
    text-shadow: 1px 1px 0 #FFFF00, 2px 2px 0 #7FFF00, 3px 3px 0 #00FF00;
  }
  25% {
    text-shadow: 1px 1px 0 #7FFF00, 2px 2px 0 #00FF00, 3px 3px 0 #00FF7F;
  }
  33% {
    text-shadow: 1px 1px 0 #00FF00, 2px 2px 0 #00FF7F, 3px 3px 0 #00FFFF;
  }
  41% {
    text-shadow: 1px 1px 0 #00FF7F, 2px 2px 0 #00FFFF, 3px 3px 0 #007FFF;
  }
  50% {
    text-shadow: 1px 1px 0 #00FFFF, 2px 2px 0 #007FFF, 3px 3px 0 #0000FF;
  }
  58% {
    text-shadow: 1px 1px 0 #007FFF, 2px 2px 0 #0000FF, 3px 3px 0 #7F00FF;
  }
  66% {
    text-shadow: 1px 1px 0 #0000FF, 2px 2px 0 #7F00FF, 3px 3px 0 #FF00FF;
  }
  75% {
    text-shadow: 1px 1px 0 #7F00FF, 2px 2px 0 #FF00FF, 3px 3px 0 #FF007F;
  }
  83% {
    text-shadow: 1px 1px 0 #FF00FF, 2px 2px 0 #FF007F, 3px 3px 0 #FF0000;
  }
  91% {
    text-shadow: 1px 1px 0 #FF007F, 2px 2px 0 #FF0000, 3px 3px 0 #FF7F00;
  }
  100% {
    text-shadow: 1px 1px 0 #FF0000, 2px 2px 0 #FF7F00, 3px 3px 0 #FFFF00;
  }
}

h1 {
  font-size: 40px;
  font-family: Helvetica, Arial;
  font-style: italic;
  text-shadow: 1px 1px 0 #000000;
  -webkit-animation: rainbowdropshadow .5s infinite;
  animation: rainbowdropshadow .5s infinite;
}