h2 {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
h2:hover {
    color: rgb(223, 223, 223);
}
input {
    margin: 2px ;
}
input {
    margin: 5px ;
}
#username {
background-color: white ;
}
#username:hover {
    background-color: rgb(240, 236, 236);
    color : rgb(0, 0, 0) ;
}
#passworld:hover {
    background-color: rgb(240, 236, 236);
    color : rgb(0, 0, 0) ;
}
#passworld {
    color: white ;
}
#local {
    color : white;
}
#local:hover {
    background-color: rgb(240, 236, 236);
    color : rgb(0, 0, 0) ;
}
#email {
    color: white;

}
#email:hover {
    background-color: rgb(240, 236, 236);
    color : rgb(0, 0, 0) ;
}
#login {
    background-color: white ;
    box-sizing: border-box 10px 5px ;
    width: 15% ;
    color: black ;
    stroke-width: 15% ;
}
#login:hover {
    background-color: rgb(240, 236, 236);
    color : rgb(0, 0, 0) ;
}
#login:active {
    animation-delay: 5s ;
}
#h11 {
    margin-top: 150px ;
    font-size: 40px ;
border:  rgb(173, 173, 173) solid 1px ;
border-left: black solid 5px  ;
}
p {
    font-size: x-large ;
    border-top: #adadad solid 1px ;
}