h1{
    padding-top: 20px;
}
.three{
    padding-bottom: 30px;
    

}
.zero{
    margin-top: 140px;
    margin-left: 180px;
    margin-right: 180px;
    border-color: aqua;
    border-radius: 30px;
    border-width: 6px;
    border-style: solid;
    padding-bottom: 30px;
}

.mail{
    border-radius: 10px;
    padding-right: 30px;
    margin-left: 10px;
}

.pass{
    border-radius: 10px;
    padding-right: 20px;
}
.sub{
    color: rgb(17, 207, 237);
    background-color: black;
    border: 10px;
    border-radius: 5px;
    border-color: aqua;
}

.login:hover,.one:hover,.two:hover{
    color: rgb(255, 255, 255);
}
.sub:hover{
    color: aqua;

}

</style> 

<form  class="zero" style="color: rgb(52, 238, 176);background-color: rgb(0, 0, 0);" > 
<h1 class="login">LOGIN FORM</h1><br>
<hr>
<br>
    <h3 class="one">E-mail <input class="mail" type="email" placeholder="ENTER YOUR E-mail" required=""></h3>


     <h3 class="two">Password <input class="pass" type="password" placeholder="ENTER YOUR PASSWORD" required=""></h3></form>
<br>
     <a href="https://surya483web.github.io/html1/" ><input class="sub" type="submit"></a>