@font-face{font-family:bebas;src:url(fonts/bebas.ttf)}
body{background-image:url(./image/BACK2.webp);background-size:100% 100%;background-repeat:no-repeat;background-position:right top;background-attachment:fixed;height:100%;min-height:98vh;display:flex;justify-content:center;align-items:center}
.logo{background-image:url(./image/logo.png);background-size:100%;background-repeat:no-repeat;height: 130px;width: 60vw;max-width: 310px;margin: 0 auto;}
.container{min-width: 310px;min-height: 400px;display: flex;width: 25vw;height: 620px;background-color:rgba(255,255,255,.55);flex-direction:column;align-items:center;border-radius:10px;box-shadow:0 0 30px 1px rgba(0,0,0,.5);padding: 40px;max-width: 411px;}.text-form{font-family:bebas;color:rgba(97,162,219);width:100px}.input-form{font-size:2vh;border-style:none;border-radius:10px;padding: 20px;box-sizing:border-box;background-color:rgba(0,0,0,0);border:1px solid grey;width: 85%;}.ligne-login{justify-content:center;display:flex;position:relative;margin-bottom:1em;}
.valid-form{-webkit-appearance: none;cursor:pointer;background:rgba(2,143,232);color:#fff;font-family:bebas;height: 25%;width: 60%;font-size:2.5vh;border-radius:7px;border-style:none;position:relative;margin-bottom: 9vh;padding: 20px;}.error{display:flex;justify-content:center;color:red}.button-valid{display:flex;align-items:center;justify-content:center;}
.copyright{font-size: 15px;font-family:bebas;display:flex;justify-content:center;align-items:centerposition: absolute;
    bottom: 2%;
    margin: 0 auto;
    width: 200px;
    left:0;
}
form{
    min-width: 200px;
    min-height: 620px;
    max-height: 620px;
    align-items: center;
    vertical-align: middle;
    display: grid;
}
@media (max-width: 400px){
    .container {
        min-width: 275px !important;
        height: 520px !important;
    }
    form{
        height: 520px !important;
        min-height: 520px !important;
        max-height: 520px !important;
    }
    .logo {
        height: 110px !important;
    }
}
/*@media (max-width: 600px), screen and (orientation: portrait) {.container {height: 100%;width:100%;}body{background:none}.valid-form{width:100%}}*/