@font-face {
  font-family: "Nunito-Regular";
  src: url("../fonts/Nunito-Regular.eot");
  src: url("../fonts/Nunito-Regular.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Nunito-Regular.woff2") format("woff2"),
    url("../fonts/Nunito-Regular.woff") format("woff"),
    url("../fonts/Nunito-Regular.ttf") format("truetype"),
    url("../fonts/Nunito-Regular.svg#Nunito-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito-Bold";
  src: url("../fonts/Nunito-Bold.eot");
  src: url("../fonts/Nunito-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Nunito-Bold.woff2") format("woff2"),
    url("../fonts/Nunito-Bold.woff") format("woff"),
    url("../fonts/Nunito-Bold.ttf") format("truetype"),
    url("../fonts/Nunito-Bold.svg#Nunito-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body {
  font: 14px Nunito-Regular;
  color: #333;
}
::placeholder {
  font-size: 13px;
}

a {
  color: inherit;
  text-decoration: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}
.form-login{
    width: 350px;
}
@media screen and (max-width:769px) {
    .form-login{
        max-width: 350px;
    }
}

.login-icon {
  width: 250px;
  height: 250px;
  background: url(../images/vps.png) no-repeat center center;
  background-size: 80%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.full {
  display: block;
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}


.hover-trans{
  transition: .6s;
}

.hover-trans:hover{
  transform: translateY(-8px);
}