/* 
Версія з початку 22-го рока
Можуть бути помилки
*/

* {
    margin: 0;
    padding: 0;
}

body {
    background-color: rgb(154, 216, 216);
    color: white;
}

.box {
    /* Расположение */
    margin: 90px auto;
    text-align: center;
    
    background-color: white;
    font-family: Arial, Helvetica, sans-serif;

    /* За счёт уменьшения коробки меняется расположение объектов */
    width: 250px;
    padding: 40px;
    padding-bottom: 35px;
}

/* Настройка объектов */
#input_text_email, #input_text_login, #input_password_I, #input_password_II, #input_submit_register, #input_submit_login, #input_password {
    /* Расширяет объекты */
    padding: 20px;
    margin: 3px;
    width: 200px;

    /* Цвета объектов */
    background-color: rgb(128, 175, 175);

    /* Цвет текста: color: red; */
    color: white;

    /* Убрать некрасивую обводку */
    outline: 0;
    border: 0;

    /* Граница снизу */
    border-bottom: 2px solid rgb(128, 175, 175);
}

/* Кнопка регистрации */
#input_submit_register, #input_submit_login {
    cursor: pointer;
    /* Изменяет размер кнопки */
    width: 240px;
    height: 40px;
    padding: 0;
    border-bottom: 0;

    /* Отступ кнопки от остальных объектов */
    margin-top: 15px;

    /* Приводить весь текст к врехнему регистру */
    text-transform: uppercase;
}

#a_login {
    color: rgb(177, 177, 177);
    font-size: 9px;
    text-decoration: none;
}
#a_login:hover {
    color: rgb(190, 190, 190);
}

/* При наведении */
#input_submit_register:hover, #input_submit_login:hover {
    background-color: rgb(117, 158, 158);
    /* width: 245px;
    height: 45px; */
}

#input_text_email:hover, #input_text_login:hover, #input_password_I:hover, #input_password_II:hover, #input_password:hover {
    border-bottom: 2px solid rgb(154, 216, 216);
}

.logo {
    width: 100%;
}

ul {
    list-style: none;
}