html {
    background-color: black;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
      height: 100%;
      width: 100%;
      margin: 0;
      padding: 0;
}

.game-area {
    background: repeating-linear-gradient(
        0deg,
        #0E0D0E 25%,
        #0E0D0E 50%,
        #171819 50%,
        #171819 75%
        );
    background-size: 5px 5px;
    font-family: rockwell;
    text-shadow: 4px 4px #2a3439;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;   
    display: flex;
    flex-direction: row;
}

.area1, 
.area3 {
    width: 15%;
    height: 100%;
}

.area2 {
    width: 70%;
    height: 100%;
    border-left: ridge 10px snow;
    border-right: ridge 10px snow;
    text-align: center;
    color: snow;
}

.area2-area1 {
    height: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.area2-area2 {
    height: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.area2-area3 {
    height: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eis-logo {
    height: 95%;
}

.eis-text1 {
    margin: 0;
    font-size: 5vw;
  
}

.eis-text2 {
    margin: 0;
    font-size: 4vw;
 
}

  .login {
    box-shadow: 0px 10px 0px 0px #1c1b18;
    background: linear-gradient(to bottom, #eae0c2 5%, #3d3d3d 100%);
    background-color: #eae0c2;
    border-radius: 15px;
    border: 2px solid #333029;
    cursor: pointer;
    color: #011620;
    font-family: verdana;
    font-size: 3vw;
    font-weight: bold;
    margin-top: 10px;
    padding: 12px 76px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    text-decoration: none;
    text-shadow: -1px 1px 0px #ffffff;
    width: 50%;
  }

  .login:hover {
    background: linear-gradient(to bottom, black 5%, #3d3d3d 100%);
    background-color: black;
    color: snow;
  }

  @media only screen and (max-width: 1024px) {

  #area1, #area3 {
    width: 5%;
  }

  #area2 {
    width: 90%;
  }

  .eis-logo {
    height: auto;
    width: 95%;
  }

  .eis-text1 {
    margin-bottom: 1vw;
    font-size: 10vw;
  
}

.eis-text2 {
    margin: 0;
    font-size: 6vw;
 
}

.login {
    font-size: 5vw;
    width: 60%;
}

  }