@keyframes spooky {
  0% {transform: rotate(5deg);}
  12% {scale: 1.5;}
  24% {transform: rotate(-5deg);}
  36% {scale: 1;}
  48% {transform: rotate(5deg);}
  60% {scale: 1.5;}
  72% {transform: rotate(-5deg);}
  84% {scale: 1;}
  96% {transform: rotate(5deg);}
}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}

body {
  background-color: dimgrey; background-image: url("/images/backgrounds/cyberpunk terminal.png"); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed;
  color: black; font-family: 'Purpose Normal'; letter-spacing: 2px; text-align: center;
  cursor: url(/images/cursors/red-biohazard.png), auto !important;
}

.container {
  margin: auto; min-width: 250px; max-width: 750px; padding-left: 15px; padding-right: 15px; background: dimgrey overlay; height: 900px;
}

#warnings {
  background-color: darkred; border: 5px solid black; border-radius: 3px; max-height: 250px; padding-top: 5px;
}

h2 {margin-bottom: -5px;}

h1 {
  background-color: darkred; border: 3px solid black; border-radius: 5px;
  width: 250px; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; margin-top: 200px;
  display: inline-block;
}

p {font-size: 18px;}

ul {list-style: none; font-size: 16px; margin-top: -7px;}

.font:hover {font-family: 'Grave Pain'; font-size: 18px; animation: spooky; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.5, 1, 0.5, 1);}

#buttons {display:inline-block; width: 400px;}

#enter, #flee {width: 150px; margin-top: 20px;}

#enter {float:left;}

#flee {float: right;}










/* extra space */