html, body {
    height: 100%;    
    background:url("../img/bg.svg") no-repeat center center fixed;
    background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /*background: #D3D3D3; peru*/

    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}


body {
  font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));
}

.loginbox{

    width: 300px;

    height: 750px;

    background: #1c2833;

    color: white;

    margin: 70px auto;

    border-radius: 10px;

}

.loginbox2{

    width: 300px;

    height: 460px;

    background: #1c2833;

    color: white;

    margin: 70px auto;

    border-radius: 10px;

}


.logo{

    width: 100px;

    height:100px;

    position: relative;

    top: -70px;

    left: calc(50% - 50px);

}


h1{

    text-align: center;

    margin-top: -60px;

}

label{

    font-size: 18px;

    display: block;

    margin-left: 20px;

}

input{

    width: 80%;

    margin: 0 0 20px 20px;

}

input[type="text"],input[type="password"],input[type="email"],input[type="tel"]{

    border: none;

    background: transparent;

    border-bottom: 1px solid #07f58e;

    height: 40px;

    outline: none;

    color: white;

    font-size: 16px;

}

input[type="submit"]{

    border: none;

    outline: none;

    height: 40px;

    border-radius: 20px;

    background: #fb2525;

    color: white;

    font-size: 20px;

    cursor: pointer;

}

a{

    text-decoration: none;

    color: white;

    margin-left: 30%;

}

input[type="submit"]:hover{

    background: blueviolet;

}
p {
    font-size: 15px;
    text-align: center;
}