body{
    font-family: Neucha;
    background-image: url(../img/mainbg.jpg);
    background-size: cover;
    background-attachment: fixed;
}
#nav{
    width: 100%;
    background-size: cover;
    position: relative;
}
.main2{
    border-bottom: solid 2px #0669b1;
    width: max(23vw, 23vh);
    padding-bottom: max(0.7vw, 0.7vh);
    text-transform: uppercase;
    color: white;
}
#main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%);
    height: max(31vw, 31vh);
}
#login{
    height: max(31vw, 31vh);
    width: max(30vw, 30vh);
    background-color: white;
}
#info{
    height: max(22vw, 22vh);
    width: max(20vw, 20vh);
    background-color: white;
    float: left;
}
#info h3{
    font-size: max(2vw, 2vh);
    margin-top: max(1vw, 1vh);
}
#warn{
    background-color: #0669b1;
    height: max(3vw, 3vh);
    box-sizing: border-box;
    padding-top: max(0.9vw, 0.9vh);
}
#warn p{
    margin-top: 0;
    text-transform: uppercase;
    color: white;
    font-size: max(0.9vw, 0.9vh);
}
#warn p span{
    font-weight: bolder;
}
#dn{
    width: 100%;
}
.dn{
    //font-family: Neucha;
    background-color: #f2f2f2;
    border-radius: 20px;
    height: max(4vw, 4vh);
    width: max(20vw, 20vh);
    margin-bottom: max(1.5vw, 1.5vh);
    border: none;
    color: black;
    font-size: max(2vw, 2vh);
    margin-left: max(3vw, 3vh);
    text-transform: none;
    outline: none;
    cursor: pointer;
    margin-top: max(0.25vw, 0.25vh);
}
.dv{
    //font-family: Neucha;
    background-color: #f2f2f2;
    border-radius: 20px;
    height: max(4vw, 4vh);
    width: max(20vw, 20vh);
    margin-bottom: max(2vw, 2vh);
    color: black;
    font-size: max(2vw, 2vh);
    text-transform: none;
    margin-left: max(3vw, 3vh);
    border: none;
    outline: none;
    cursor: pointer;
    margin-top: max(0.25vw, 0.25vh);
}
.su{
    font-family: Neucha;
    background-color: #0669b1;
    border-radius: 20px;
    height: max(4.8vw, 4.8vh);
    width: max(10vw, 10vh);
    margin-bottom: max(2vw, 2vh);
    border: solid 1px black;
    color: white;
    font-size: max(2vw, 2vh);
    text-transform: uppercase;
    box-shadow: 0px 0px 50px -7px rgba(73, 73, 148, 0.26);
    transition-duration: 0.5s;
    outline: none;
    cursor: pointer;
}
.su:hover{
    background-color: #083586; 
    box-shadow: 0px 0px 50px -7px rgba(255,255,255,0.26);
    transition-duration: 0.5s;
    cursor: pointer;
}
#icon{
    box-sizing: border-box;
    padding-top: 0.1em;
    position: absolute;
}
#input{
    background-color: #f2f2f2;
    border-radius: 20px;
    height: max(5vw, 5vh);
    width: max(25vw, 25vh);
    margin-bottom: max(2vw, 2vh);
    border: solid max(0.01vw, 0.01vh) black;
    color: black;
    font-size: max(1vw, 1vh);
    text-transform: uppercase;
    box-sizing: border-box;
    padding-left: max(1vw, 1vh);
}
.dn:-ms-value {
    text-transform: none;
}
#forms{
    margin-top: max(3vw, 3vh);
}
.loginh3{
    margin-top: max(1vw, 1vh);
    font-size: max(2.5vw, 2.5vh);
}