.loginForm{position:absolute;top:10%;left:30%;border-color:white;display:flex;flex-direction:column;width:30%;padding-top:1%;padding-bottom:10%;border-style:solid;border-radius:40px;gap:30px;text-align:center;justify-content:center;align-items:center;z-index:2}.loginForm p{position:fixed}.loginForm h1{font-size:50px;z-index:1;margin-bottom:20px;color:white}.loginForm input{width:22em}.loginForm button{width:22em;margin-top:3em}.forgotPassword{margin-bottom:1em;color:white}.forgotPassword:hover{color:rgb(41,41,236);cursor:pointer}.loginFormInput{height:60px;width:300px;border-radius:40px;color:black;text-align:center;z-index:1;font-size:15px;font-weight:500;color:rgb(50,50,50);padding:1%}.loginFormInput::placeholder{text-align:center}.loginBtn,.loginFormCheckBox{color:white}.loginBtn{z-index:1;height:75px;width:300px;border-radius:40px;border:3px solid white;background-color:black;font-size:20px;font-weight:700}.loginBtn:hover{cursor:pointer;border-color:rgb(56,216,56);color:rgb(56,216,56);animation-name:light;animation-duration:.5s}@keyframes light{0%{border-color:white;color:white}to{border-color:rgb(56,216,56);color:rgb(56,216,56)}}.emailError,.passwordError{position:absolute;color:red;z-index:1;margin-top:15%}.seurveurError{color:red}.spinner{position:absolute;top:80%}.errorLogin{position:absolute;top:85%;cursor:pointer}@media screen and (max-width:500px) and (orientation:portrait){.loginForm{position:absolute;top:10%;left:2.3em;display:flex;flex-direction:column;width:80%;padding-top:1%;padding-bottom:10%;border:none;gap:30px}.loginForm input{width:20em}.loginForm button{width:20em;margin-top:3em}.spinner{position:absolute;top:100%}.errorLogin{position:relative;margin-top:5%}}@media screen and (max-width:1000px) and (orientation:landscape){.loginForm{position:absolute;top:13%;left:5%;display:flex;flex-direction:column;width:90%;padding-top:1%;padding-bottom:10%;border:none;gap:30px;text-align:center;justify-content:center;align-items:center}.spinner{position:absolute;top:90%}}.sliderContainer{position:relative;height:4em;width:22em;display:flex;flex-direction:row;cursor:pointer}.clientSide{background-color:rgb(52,239,52);color:white}.clientSide,.clientSideOff{position:relative;height:99%;width:49%;border-top-left-radius:6px;border-bottom-left-radius:6px;font-weight:600;align-content:center;text-align:center}.clientSideOff{background-color:grey;color:rgb(74,74,74)}.clientSideOff:hover{background-color:rgb(99,98,98)}.performerSide{position:relative;background-color:rgb(52,239,52);height:99%;width:51%;font-weight:600;border-top-right-radius:6px;border-bottom-right-radius:6px;align-content:center;animation-name:performerOn;animation-duration:.5s;text-align:center;color:white}@keyframes performerOn{0%{background-color:gray}to{background-color:rgb(52,239,52)}}.performerSideOff{position:relative;background-color:gray;color:rgb(74,74,74);height:99%;width:51%;font-weight:600;border-top-right-radius:6px;border-bottom-right-radius:6px;align-content:center;animation-name:performerOff;animation-duration:.5s;text-align:center}@keyframes performerOff{0%{background-color:rgb(52,239,52)}to{background-color:gray}}.performerSideOff:hover{background-color:rgb(99,98,98)}@media screen and (max-width:500px) and (orientation:portrait){.sliderContainer{position:relative;height:4em;width:20em;display:flex;flex-direction:row;cursor:pointer}}@media screen and (max-width:1000px) and (orientation:landscape){.sliderContainer{position:relative;height:4em;width:22em;display:flex;flex-direction:row;cursor:pointer}}