body{
    background-image: url("/images/login_bg-444d9cccc84fd7e2c0fc608008f32ddc.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-items: center;
    justify-content: center;
}
#form_section{
    background-color: var(--bg);
    width: 432px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 32px 42px 124px;
    border-radius: 16px;
}
#form_logo{
    height: 124px;
    width: fit-content;
}
form{
    width:100%;
    display: flex;
    flex-direction: column;
    gap:16px;
}
input {
    height:42px;
    border: none;
    border-bottom: 2px solid var(--tertiary);
    font-size: 16px;
}
input:focus {
    border: none;
    border-bottom: 2px solid var(--secondary);
}
#form__message {
    width: 100%;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.message {
    color: var(--error);
    font-size: 12px;
    font-weight: 600;
}
@media only screen and (max-width: 600px) {
    body{
    background-image:none;
    background-color: var(--bg)
    }
    #form_section{
        width: 90%;
    }
    
}