body{
    width: 100%; max-width: 100vw;
    min-height: 100vh;
    background: url('/wp-content/themes/savanna/imgs/majeur-fond.png') no-repeat;
    background-size: cover;
    background-position: center center;
}
footer{width: 100%;}
#page{
    width: 100%;
    min-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 50px 15px;
}

#login-block{background-color:var(--blue-1); width: 100%; max-width: 600px; padding: 50px;}
#login-block .titre{color: white; text-align: center;}
#login-block .titre-svg{margin-bottom: 15px}
#login-form{text-align: center}
#login-block .form-group{display: flex; flex-direction: column; align-items: center}
#login-block label{color: white; text-align: center}
#login-block input{width: 70%; height: 40px;}
#login-block .alert{width: 70%; margin-left: auto; margin-right: auto}
#login-block button{
    background-color: transparent; outline: none; color: var(--gold); font-family: 'Faunces'; font-size: 20px;border: white 1px solid;padding: 5px 15px; margin: 15px auto 0;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease; will-change: background-color, color, border-color;
}

#login-block button:hover{
    background-color: var(--gold);
    border-color: var(--gold);
    color: white;
}

@media (max-width: 480px) {
    #login-block{padding: 30px 15px;}
    #login-block .titre{font-size: 1.8em;}
    #login-block input, #login-block .alert{width: 100%;}
}