.ajout-personnage-container{height:92vh;display:flex;align-items:end;justify-content:center;border-radius:8px}.ajout-personnage-container .backgroundImage{opacity:.2}.ajoutPersonnage{width:25vw;margin:0 auto;padding:20px;background-color:#000c;border-radius:30px;display:grid;gap:10px;justify-content:center}h2{color:#ff4800}.form-group{margin-bottom:15px;width:20vw}label{display:block;margin-bottom:5px;color:#fff}input[type=text],input[type=number]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.button-group{display:flex;justify-content:space-between}button[type=submit]{background-color:#ff4800;cursor:pointer}button[type=submit]:hover{background-color:#be3600}.home{color:#fff;display:flex;justify-content:center}.home .backgroundImage{opacity:.2}.cards{width:50vw;display:flex;flex-wrap:wrap;justify-content:end;margin-top:10vh;cursor:pointer;max-height:90vh;overflow:auto}.card{margin:3px;border-radius:30px}.card img{height:100%;border-radius:30px;align-items:flex-end}.gifs{margin-top:5vw;display:flex;width:45vw;height:75vh;align-items:end}.character-info{padding:20px;width:100%;height:80vh}.character-info h2{font-size:34px;margin-bottom:50px}.personnage{display:flex;align-items:center;height:90%}.personnage img{height:80%;margin-right:20px}.caracteristique p{margin:25px}.character-info button{background-color:#ff4800;color:#fff;border:none;border-radius:5px;padding:10px 20px;cursor:pointer;margin-top:10px;font-size:16px}.character-info button:hover{background-color:#f63}.bouton{height:80%;padding:10px;display:flex;justify-content:center}.icone{font-size:15px;padding:0}.login-container{display:flex;justify-content:center;align-items:center;margin:5vh 5vw}.login-container main{height:90vh;display:flex;align-items:center}.backgroundImage{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.form-container{background-color:#01010199;padding:40px;border-radius:30px;color:#fff}.form-container p{margin-bottom:10px;font-size:18px}.form-container h1{margin:5px;font-size:40px}.input-group{margin:20px}.input-group label{display:flex;margin-bottom:5px;font-size:20px}.input-group input{width:100%;border:none;border-radius:30px;height:4vh;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:4px}.error{color:#ff4800;margin-top:5px}header{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 50px;background:linear-gradient(to bottom,#ff4800cc,#ff480000)}ul{list-style:none;display:flex}li{margin:0 10px;cursor:pointer;text-decoration:none;font-size:22px;color:#fff}li:hover{text-decoration:underline}li a{text-decoration:none;font-size:22px;color:#fff}li a:hover{text-decoration:underline}button{background-color:#ff4800;color:#fff;border:none;border-radius:30px;padding:10px 20px;cursor:pointer;font-size:20px}.pageFight{display:flex;flex-direction:column;align-items:center;justify-content:center}.pageFight button{padding:10px;margin:0 10px;border:none;border-radius:20px;cursor:pointer}.pageFight button:disabled{background-color:#ff480066;color:#ffffff80}.backgroundImage{opacity:.7}.fight{display:flex;align-items:end;justify-content:space-between;height:92vh;width:95vw;color:#fff;overflow:hidden;justify-content:center}.character-card{display:flex;flex-direction:column;align-items:end;justify-content:space-between;height:80vh;z-index:1}.img{display:flex;height:75%;width:100%;justify-content:center;align-items:end}img{height:90%}.attaque .img{animation:clignement 1s ease-out}.attaqueb .img{animation:move 1s ease-in-out}.attaquec .img{animation:moveb 1s ease-in-out}@keyframes clignement{0%{opacity:1;transform:rotate(0)}25%{opacity:0;transform:rotate(20deg)}50%{opacity:1;transform:rotate(-0deg)}75%{opacity:.3;transform:rotate(-20deg)}}@keyframes move{0%{transform:translate(0)}50%{transform:translate(20vw)}}@keyframes moveb{0%{transform:translate(0)}50%{transform:translate(-20vw)}to{transform:translate(0)}}.stamina-bar-container{border:#111 3px solid;background-color:#ffffff80;box-shadow:#b8b8b8 0 0 40px;height:35px;width:25vw;overflow:hidden}.stamina-bar{background-color:#ff500b;height:100%;animation:pulse 1s infinite alternate}.infoVie{display:flex;justify-content:space-between;align-items:center}h2{margin:10px 0;text-align:center}.centre{display:flex;flex-direction:column;justify-content:space-between;height:82vh}.centre h1{font-size:7vw;text-shadow:-1px 1px 40px rgb(255,80,11),1px 1px 40px rgb(255,80,11),0px 0px 40px rgb(255,80,11)}.banniere{background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;justify-content:center;align-items:center;height:100vh;opacity:.7}h3{margin:auto 30px;padding:20px;color:#111;width:30vw;font-size:28px}.gameOver{display:flex;flex-direction:column;height:70%;align-items:center;justify-content:center}.winner div,.looser div{height:70%;display:flex;align-items:center}.winner img,.looser img{height:60%}.restart{display:flex;flex-direction:column}.restart button{margin:10px}.restart a{text-decoration:none}.looser,.winner{display:flex;align-items:center;flex-direction:column;justify-content:end;width:30vw;font-size:28px;height:100%}.winner img{animation:zoomAndFadeOut 2s ease-in-out infinite}@keyframes zoomAndFadeOut{0%{transform:scale(1)}50%{transform:scale(1.3)}}.gameOver .backgroundImage{opacity:.2}.gameOver .banniere,.pauseMenu .banniere{opacity:1}.pauseMenu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.pauseMenu .banniere{background-image:url(/assets/img/banniere.png);background-size:contain;background-position:center;flex-direction:column;align-items:center;width:70vw}.pauseMenu h3{font-size:24px;margin:0}.pauseMenu section{display:grid;width:60%}.pauseMenu section p{text-align:left;color:#111;margin:5px}.pauseMenu button{margin:5px}.pauseMenu button:hover{background-color:#ff480099}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0;font-family:badaboom-pro,sans-serif;font-weight:200;text-align:center}body{background-color:#111;max-width:1280px;margin:0 auto}a{color:#fff}#logo{width:8vw}