body {
  background: #161616;
  color: rgb(199, 199, 199);
  font-size: 200%;
}
p2 {
  /* color: rgb(255, 255, 255); */
  font-weight: normal;
  color: rgb(255, 255, 255);
  font-size: 80%;
}
h1 {
  font-weight: normal;
  color: rgb(255, 255, 255);
}

#subpage {
  scale: 100%
}
#subpage:hover {
  scale: 110%
}

@keyframes slide-in {
  from {
    translate: -150vw 0;
    scale: 100% 1;
  }

  to {
    translate: 0 0;
    scale: 100% 1;
  }
}

#slides {
  animation-timing-function: cubic-bezier(0, 1, 0 ,1);
  animation: slide-in;
  animation-duration: 0.8s; 
}
.slides {
  animation-timing-function: cubic-bezier(0, 1, 0 ,1);
  animation: slide-in;
  animation-duration: 0.8s; 
}

coolfont {
  font-family: 'Courier Prime';
}
#coolfont {
  font-family: 'Courier Prime';
}
.coolfont {
  font-family: 'Courier Prime';
}

.padded {
  font-weight: bolder;
  padding-left: 50px;
}
.logo {
  background-color: rgb(82, 229, 255);
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 3px;
  
  /* border-top-right-radius: 12px; */
  /* border-bottom-right-radius: 12px; */
  /* border-top: solid #000; */
  border-bottom: solid #000;
  border-width: 3px;
  border-color: rgb(82, 129, 194);
}

#logopadding {
  margin-top: 0px;
}


a:link {
  color: rgb(0, 128, 255);
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: rgb(72, 100, 255);
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: rgb(0, 255, 242);
  background-color: transparent;
  text-decoration: underline;
}