body{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--color2);
}
header img{
    width: 22vw;
    margin: 4em 0 2em 0;
}
main form{
    display: flex;
    flex-direction: column;
    align-items: center;
}
main form input{
    margin-bottom: 0.9em;
    padding: 0.2em 1em;
    background: var(--color2);
    border: solid 1px var(--color3);
    border-radius: 15px;
    color: var(--color3);
    width: 20em;
    height: 2em;
}
main form input::placeholder{
    color: rgb(160, 160, 160);
}
main form input:focus{
    outline: none;
    border: solid 1px var(--color1);
}
main form input:last-of-type{
    cursor: pointer;
    margin-top: 1em;
    width: 10em;
    background-color: var(--color1);
    border: none;
    color: var(--color2);
}
main form input:last-of-type:hover{
    background: var(--color1dark);
}
main form input:last-of-type:active{
    border: solid 1px var(--color2);
}
.errorMessage{
    color: var(--color1);
}