a, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: none;
}

body {
  background: #273236;
}

.rack {
  margin: auto;
  margin-top: 1em;
  width: 390px;
  height: 800px;
  background: rgb(85,81,88);
  background: linear-gradient(180deg, rgba(85,81,88,1) 0%, rgba(37,36,34,1) 100%);
  border: .5em solid #868586;
  border-radius: 10px;
}


.server {
  background: rgb(210,209,210);
  background: linear-gradient(180deg, rgba(210,209,210,1) 0%, rgba(119,119,119,1) 100%);
  width: 100%;
  height: 4.5em;
}

.server-title {
  z-index: 1;
  position: relative;
  top: -64;
  left: 30;
  font-family: "Gochi Hand";
  font-size: 1.5rem;
}

#title {
  font-family: "Sono";
  font-size: 1em;
  color: #33FF33;
}

.title {
  height: 14.3em;
  background: rgb(0,0,0);
  background: radial-gradient(circle, rgba(0,0,0,1) 0%, rgba(13,39,11,1) 100%);
  overflow-wrap: break-word;
}

.screen-text {
   z-index: 1;
  position: relative;
  top: -200;
  left: 30;
  text-align: left;
  font-family: "Sono";
  font-size: 1em;
  color: #33FF33;
}

.loginForm {
  font-family: "Sono";
  font-size: 1em;
  color: #33FF33;

}

.pwField { 
  font-family: "Sono";
  font-size: 1em;
  color: #33FF33;
  background: transparent;
  min-width: 1em;
  border-style:  hidden;
  outline: none;
}

#cursor {
  padding-left: 5px;
  font-family: "Sono";
  font-size: .7em;
  color: #33FF33;
}

@media only screen and (max-device-width: 391px) {
  .rack {
    width: 100%;
    height: 100%;
  }
  .server {
    height: 10em;
  }

  .server-image {
    width: 100%;
    height: 100%;
  }

  .screen-image {
    width: 100%;
    height: 100%;
  }

  .screen-text {
    top: -450;
    left: 30;
    font-size: 2rem;
  }
  .title {
    height: 31em;
  }

  .server-title {
    top: -140;
    left: 60;
    font-size: 2.5rem;
  }
}