body {
  background-color: #24044f;
  color: white;
  min-width: 100vw;
  min-height: 100vh;
  margin: 0;
  font-family: oxanium, Verdana;
  position: absolute;
  animation-name: start;
  animation-duration: 0.5s;
}

@keyframes start {
  from {
    transform: scale(2.0);
    opacity: 0;
    text-shadow: 0 0 10px white;
    overflow: hidden;
  }
  
  to {
    transform: scale(1.0);
    opacity: 1;
    text-shadow: none;
    overflow: hidden;
  }
}

/*Made with Neocities :)*/
#made-with-neocities {
  background: rgba(255, 255, 255, 0.2);
  padding: 6px;
  width: calc(100vw - 12px);
}

a {
  color: #822af5;
  text-decoration: underline;
  text-shadow: 0 0 5px rgba(184, 149, 230, 0.6);
}

.ns {
  color: white;
  text-decoration: none;
  text-shadow: none;
}

h1, h5, p {
  margin: 2px;
}

hr {
  width: calc(100% - 20px);
  border: 2px solid white;
  border-radius: 2px;
  background: white;
}

.co {
  width: calc(85vw - 2px);
  text-align: left;
  border-left: 2px solid rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.1);
  display: inline-block;
}

.bp {
  border-left: 4px solid red;
}

#rmessage {
  width: 80%;
  max-width: calc(100vw - 4px);
  border-left: 4px solid red;
  background: rgba(255,255,255,0.1);
  padding: 6px 6px;
}

button {
  border: 2px solid rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.1);
  font-family: oxanium;
  color: white;
  margin: 2px;
  cursor: pointer;
  transition: 0.2s;
} button:hover {
  border: 5px solid rgba(255,255,255,0.6);
  background: rgba(255,255,255,0.2);
  transition: 0.2s;
}

.lb1 {
  width: 200px;
  height: 60px;
}

.hbtn {
  height: 30px;
  width: 70px;
  border: none;
  border-left: 2px solid rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.1);
  transition: 0.2s;
} .hbtn:hover {
  border: none;
  border-left: 16px solid rgba(255,255,255,0.4);
  background: rgba(255,255,255,0.2);
  transition: 0.2s;
}