@media screen and (max-width:500px)
{
body{
margin:0;
padding:0;
background:red;
}
#main{
width:100%;
background:red;
}
}
#menu{
position:relative;
width:100%;
position:absolute;
height:80px;

top:0;

}
body{
background:url(1.jpg) no-repeat center center fixed;

background-size:cover;

}
#main{
margin:80px auto;
width:40%;
min-width:300px;
height:450px;

position:relative;
text-align:center;
transition:1s all ease-in;

}

#top{
margin:3px auto;
text-align:center;

border-radius:10px;

 
width:90%;
height:80px;
transition:1s all ease;
}

#top:hover{
//box-shadow:2px 2px 10px 5px red;
//border-radius:15px;
color:red;
}

@font-face {
    font-family:my;
    src: url("mm.otf");
}

#top p{

text-align:center;
font-family:Verdana;
font-size:55px;
}
.mytext{
margin-top:5px;
width:60%;
height:50px;
border-radius:2px;
border:1px dashed red;
transition:1s all ease;
padding-left:7px;
}
.mytext:hover{
box-shadow:0px 2px 10px 3px red;
}
#forg{
font-family:vera;
transition:1s all ease;

}
a{
color:#db2b2b;
text-decoration:none;
transition:1s all ease;
}
a:hover{
color:red;
text-shadow:0px 2px 10px 2px red;
}
.go{
margin:5px auto;
padding:;
font-size:20px;
font-family:vera;
border:1px solid green;
background:#FF8C00;
border-radius:10px;
width:60%;
transition:.4s all ease;
height:45px;
cursor:pointer;
}

#atm{
float:left;
border-right:3px dotted white;
height:70px;
margin-top:5px;
font-size:25px;
background:rgba(100,0,0,0.3);
color:white;
transition:1s all ease;
}
#atm:hover{
background:red;
transform:rotate(360deg);
color:black;
}
input::-webkit-input-placeholder { font-size: 15px; color: #555;font-weight:bold; }
input::-moz-placeholder { font-size: 15px; color: #555; }
input:-ms-input-placeholder { font-size: 15px; color: #555; }
input:-moz-placeholder { font-size: 15px; color: #555; }
input::-webkit-input{font-size:15px;}



#forgot{
color:white;
font-family:Calibre;
border-radius:5px;
transition:.3s all ease-in;
}
#forgot:hover{
color:blue;
}
#email{
width:60%;
height:50px;
font-family:vera;
text-align:center;
margin:5px auto;
border:1px solid blue;
background:rgba(0,0,255,.8);
color:white;
border-radius:5px;
transition:.5s all ease-in;
}
#email a{
color:white;
}
#email a:hover{
color:green;
}
#email:hover{
color:green;
}

#forgot
{
    text-align:center;
    width:60%;
    height:45px;
    }
    #submit
    {
       margin:5px auto;
padding:;
font-size:20px;
font-family:vera;
border:1px solid green;
background:#FF8C00;
border-radius:10px;
width:60%;
transition:.4s all ease;
height:45px;
cursor:pointer; 
        }