*
{
    
    
}
html
{
    scroll-behavior: smooth;
}
body
{
    /*background: linear-gradient(rgb(255, 93, 247) 60%, cyan);*/
    background-color: rgb(255, 255, 255);
    margin: 0;
}
a
{
    text-decoration: none;
    
}
button
{
    border: 1px solid black;
    cursor: pointer;
    
}
button:focus
{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}
button:active
{
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}
input
{
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

#header
{
    display: flex;
    justify-content: space-around;
    margin-top: 5vw;
}

#auth_area, #create_user_area
{
    display: block;
    width: 70%;
    margin: 0 auto;
}

#login_area, #password_area, #submit_area, #reg_area, #lastname_area, #firstname_area, #patronymic_area
{
    margin: 2vw auto;
}

#reg_area
{
    text-align: center; 
}
#reg_submit
{
    color: blue;
}

#enter_account_button
{
    color: green;
}

#exit_account_button_area
{
    cursor: pointer;
    color: red;
}