/*Incorporates the entirety of emailvalidation page's style, unless changed internally */
a,body{
    text-align:center;
}
img{
    width:300px;
    height:330px;
    object-position:left;
    text-align:top;
    padding:0;
    margin:0;
    position:50px 30px;

    }
    /*webpage background*/
html{
    background:silver;
}
/*button color*/
.button{
    margin:0;
    width:40px;
    height:60px;
    align-items:center;
    background:white;
    border:black;
}


*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'poppins','sans-serif';
}

.hero{
    width:100%;
    height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;

}

.input-group{
    width:90%;
    max-width:600px;
    position:relative;

}
/*adjustments to "email-field" id text,font and styling. Same with label,and error.*/
#email-field{
    display:block;
    width:100%;
    border:0;
    border-bottom:2px solid black;
    background:transparent;
    outline:none;
    font-size: 26px;
    padding:5px 2px;
    position:relative;
    z-index:10;

}

#email-label{
    display:block;
    position:absolute;
    bottom:5px;
    left:2px;
    color:#777;
    font-size:18px;
    transition:bottom 0.3s;
}

#email-error{
    position:absolute;
    top:100%;
    left:2px;
    font-size:16px;
    font-weight:400;
    color:red;
    transition:top 0.5s;

}