@import  './rootColor.css';

.body{
    background-color: var(--color2);
}

.error{
    color: red;
}

h1{
    text-align: center;
    font-size: 2.5em;
    color: var(--color1);
}
p{
    text-align: center;
    color: var(--color1);
}
div{
    text-align: center;
    color: var(--color1);
}
form {
    border: solid var(--color5);
    width: 500px;
    display: flow;
    margin: auto;
    border-top: 20px var(--color5) solid;
    border-bottom: 20px var(--color5) solid;
    border-radius: 25px;
    padding-bottom: 85px;
    background-color: var(--color3);
}

.input_text{
    text-decoration: none;
    font-size: 1em;
    background-color: var(--color2);
    color: var(--color1);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border: 2px solid var(--color5);
}

.label{
    display: inline-block;
    text-align: right;
    width: 210px;
    font-size: 1.2em;
    color: var(--color1);
}

.but_valid {
    margin-top:50px;
    margin-left:50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    float:left;
    text-decoration: none;
    padding: 10px;
    font-size: 1em;
    color: var(--color2);
    background-color: var(--color5);
    border-radius: 14px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;

}
.but_valid:hover {
    padding: 10px;
    background-color: var(--color4  );
    border-radius: 24px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
}