@keyframes glow {
  from {
    text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px #ff5032, 0 0 40px #ff5032, 0 0 50px #ff5032, 0 0 60px #ff5032, 0 0 70px #ff5032; }
  to {
    text-shadow: 0 0 20px white, 0 0 30px #ff5032, 0 0 40px white, 0 0 50px #ff5032, 0 0 60px #ff5032, 0 0 70px #ff5032, 0 0 80px #ff5032; } }

body, html {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow-y: hidden;
  background-color: black; }

#textbox-div {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  top: 60%;
  height: 40%;
  padding: 1%;
  background: #0a0a0a; }

.textbox-text {
  color: gainsboro; }

#textbox-hide {
  display: none; }

.textbox-button, .textbox-button:visited {
  background-color: #ff5032;
  color: white;
  padding: 4px 7px;
  text-align: center;
  text-decoration: none;
  display: inline-block; }

#menu {
  background-color: #0a0a0a;
  position: absolute;
  width: 100%;
  height: 100%; }
  #menu #menu-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center; }
    #menu #menu-container #buttons {
      padding: 10px;
      border-radius: 2%;
      border: 2px gainsboro solid;
      width: 20%;
      display: flex;
      justify-content: space-around;
      flex-direction: column; }

.button, .button:active, .button:hover {
  text-align: center;
  text-decoration: none;
  background-color: transparent;
  border: none;
  outline: none;
  color: gainsboro;
  font-family: "Roboto";
  font-size: 175%;
  margin: 3%; }

.button:hover {
  animation: glow 1s ease-in-out infinite alternate; }

* {
  user-select: none; }

#logo {
  width: 30%; }

canvas {
  background-color: black; }

#game-over {
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block; }
  #game-over #game-over-container {
    top: 0px;
    left: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    color: white; }
    #game-over #game-over-container #game-over-title {
      font-family: "Roboto";
      font-size: 250%; }
    #game-over #game-over-container #game-over-buttons-container {
      width: 60%;
      border: 3px solid white;
      display: flex;
      flex-direction: row;
      justify-content: space-evenly;
      border-radius: 5%; }
      #game-over #game-over-container #game-over-buttons-container .button-list {
        padding: 10%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center; }
        #game-over #game-over-container #game-over-buttons-container .button-list * {
          display: block;
          margin: 10%; }
        #game-over #game-over-container #game-over-buttons-container .button-list #stat-parent {
          width: 100%; }
          #game-over #game-over-container #game-over-buttons-container .button-list #stat-parent * {
            width: 100%; }
      #game-over #game-over-container #game-over-buttons-container #game-over-stats div:hover {
        animation: none; }
      #game-over #game-over-container #game-over-buttons-container #game-over-stats div {
        color: red; }

.red {
  color: red; }

.scene {
  opacity: 0; }

#full-screen-button {
  position: fixed;
  bottom: 0px;
  right: 0px;
  color: black;
  background-color: white;
  z-index: 100000000000000;
  border-top-left-radius: 25%; }

#night {
  top: 0px;
  left: 0px;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background-color: black;
  z-index: 100;
  opacity: 0;
  display: none; }

#intro {
  background: #373737;
  z-index: -10; }

#guy-image {
  z-index: -1000;
  position: absolute;
  top: 10%;
  left: 10%;
  width: 30%;
  height: auto; }

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzdHlsZS5jc3MiLCJzb3VyY2VSb290IjoiIn0=*/