:root {
    --header-footer-background-color:black;
    --blue:blue;
    --black:black;
    --grey:rgb(20, 020, 59, 1);
    --active-background-color: rgb(0,136,204);
}
.centered{
    text-align: center;
}
.heading2{
    font-size: 32px;
    /* font-family: Arial, Helvetica, sans-serif; */
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.text-color1{
    color: var(--grey);
}
.login-container{
    max-width: 400px;
    min-width:400px;
    margin-top: 10vh;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border: 1px solid var(--grey);
    background-color: #ededf0;
    box-shadow: 0px 0px 8px 0px  rgba(20, 20, 50, 0.2);
}
.login-background{
    padding: 20px 50px ;
    background-color: cornsilk;
}
.login-input{
    width: 97%;
    padding: 5px 5px;
    margin: 8px 0;
    border: none;
    border-top: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom: 2px solid grey;
    border-left: 1px solid lightgrey;
    background-color: rgb(250, 250, 250);
    outline: none;
}
input:focus{
    outline: none;
}
.login-input:focus{
    outline: none;
}
.submit-button{
    background-color: rgba(50, 50, 50, 0.25);
    border: 1px solid grey;
    border-radius: 4px;
    padding: 6px 15px;
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}
.input-error-message{
    font-size: 12px;
    color: red;
}
.label-div{
    text-align: left;
}
a:visited{
    color: black;
}