@media (max-width: 600px) {
    .traffic {
        display: none;
    }
}

a{all: unset;}

.error{
    height: 15px;
    color: rgb(80,0,0);
    font-size: 14px;
}

.button-close {
    width: 20px;
    height: 20px;
}

.button-close:hover,
.user-toggle:hover,
.user-buttons img:hover{
    transform: scale(1.2);
}

.login input:hover,
.login button:hover,
.hat button:hover,
.user-name:hover,
.sessions-hat input[type="date"]:hover,
.sessions-hat button:hover{
    transform: scale(1.1);
}

.login input,
.login button,
.hat button,
.button-close,
.user-name,
.user-toggle,
.user-buttons img,
.sessions-hat input[type="date"],
.sessions-hat button{
    transition: transform 1s;
}

::placeholder {
    color: rgb(80,80,80);
    font-size: 15px;
}