@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap&subset=cyrillic";
* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  position: relative;
  height: 100vh;
  min-height: 500px;
  overflow: auto;
  font: 14px "Open Sans", sans-serif;
  font-weight: 400;
  background: #2a2a32 no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  color: #242b40;
}
body:before {
  content: "";
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30vh;
  background: -moz-linear-gradient(top, rgba(40, 40, 48, 0) 0%, #282830 50%, #282830 100%);
  background: -webkit-linear-gradient(top, rgba(40, 40, 48, 0) 0%, #282830 50%, #282830 100%);
  background: linear-gradient(to bottom, rgba(40, 40, 48, 0) 0%, #282830 50%, #282830 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00282830", endColorstr="#282830",GradientType=0 );
}

.btn {
  display: block;
  width: 240px;
  height: 49px;
  border-radius: 30px;
  background: #49c4e6;
  border: 2px solid #49c4e6;
  color: #242b40;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  -ms-transition: all 0.15s ease-in-out 0s;
  -webkit-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}
.btn:hover {
  background: transparent;
  color: #49c4e6;
}

.serverbox {
  position: absolute;
  top: calc(50% - 220px);
  left: calc(50% - 200px);
  width: 400px;
  padding: 60px 30px 36px;
  border-top: solid 4px #49c4e6;
  color: #fff;
  background-color: #313137;
  box-shadow: 0 0 76px rgba(0, 0, 0, 0.2);
}
.serverbox .logo {
  display: block;
  width: 133px;
  height: 50px;
  margin: 0 auto 50px;
  background: url(logo.svg) no-repeat center;
}
.serverbox .btn {
  margin: 50px auto 0;
}
.serverbox input {
  width: 100%;
  height: 49px;
  margin-bottom: 15px;
  padding: 0 23px;
  background: #242428;
  border: 1px solid #242428;
  border-radius: 5px;
  -ms-transition: all 0.15s ease-in-out 0s;
  -webkit-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}
.serverbox input:focus {
  border-color: rgba(73, 196, 230, 0.6);
}

.preloader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2a2a32;
}
.preloader .preloader_info {
  margin-top: 35px;
  font-size: 16px;
  font-weight: 100;
  color: #fff;
}
.preloader .preloader_img {
  display: block;
  width: 118px;
  height: 118px;
  margin: 0 auto;
}
.preloader.error .preloader_info {
  color: #ff4040;
}

/*# sourceMappingURL=style.css.map */