@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
* {
    font-family: 'VT323', monospace;
}
html,
body {
      
      margin: 10;
      padding: 0;
      /* width: 100vw;
      height: 100vh; */
      background-image: url(https://i.pinimg.com/originals/92/c5/b2/92c5b20f647f2b2d546ee54131f18148.gif);
      font-family: 'VT323', monospace;
}

i {
      font-style: normal;
      color: red;
}
e {
      color: #0e0;
}
b {
      color: #00e;
      font-weight: normal;
}

#cmd {
      width: calc(100% - 20px);
      height: calc(100% - 60px);
      margin: 0;
      padding: 10px;
      color: #eee;
}
#cmdbar {
      position: fixed;
      bottom: 0;
      left: 0;
      padding: 10px;
      margin: 0;
      width: calc(100% - 20px);
      height: 40px;
      background: #323232;
      border-top: 1px solid #444;
}
#command {
      width: calc(100% - 10px);
      height: 36px;
      border: 1px solid #444;
      background: #222;
      color: #0e0;
      outline: none;
      padding-left: 8px;
      font-family: courier;
}

@-webkit-keyframes loader {
      from {
            width: 0;
      }
      to {
            width: 100%;
      }
}
@keyframes loader {
      from {
            width: 0;
      }
      to {
            width: 100%;
      }
}

#inp-ggame {
      width: 190px;
      height: 24px;
      background: #333;
      border: 1px solid #444;
      display: block;
      outline: none;
      color: #0e0;
      padding-left: 10px;
}
#btn-ggame {
      margin: 10px 50px;
      width: 100px;
      height: 24px;
      background: #444;
      border: 1px solid #0e0;
      display: block;
}
#btn-ggame:before {
      content: "Guess";
      color: #0e0;
}







body {
    background-color: #000;
    color: #0F0;
    font-family: 'VT323', monospace;
    text-align: center;
    margin: 0;
    padding: 0;
  }

  h1 {
    font-size: 34px;
  }

  .container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }

  .form {
   
    width: 80%;
    margin: 0 auto;
  }

  input[type="text"],
  input[type="password"] {
    
    background-color: #000;
    color: #0F0;
    border: 1px solid #0F0;
    padding: 5px;
    margin: 10px;
    width: 100%;
    font-family: monospace;
  }

  input[type="submit"] {
    font-family: 'VT323', monospace;
    background-color: #0F0;
    color: #000;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-family: monospace;
    cursor: pointer;
    width: 100%;
    margin-left: 16px;
    margin-right: 2px;
  }

  .blink {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
  }
  @keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }
  @-webkit-keyframes blink-animation {
    to {
      visibility: hidden;
    }
  }