body{background:url("../img/miladfakurianbackgroundsombre.jpg") no-repeat center center/cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container{width:100%;height:100%;scroll-behavior:smooth;transition:.5s;position:absolute;top:0;right:0;z-index:2}.container.active{right:300px}section{margin-top:40px;z-index:1;padding:20px 40px;background:url("../img/miladfakurianbackgroundsombre.jpg") no-repeat center center/cover;position:relative;background-attachment:fixed;width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}section h3{margin-top:20px}section .accueil{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px}section .accueil p{text-align:center;width:80%}section .accueil p:nth-of-type(2){font-weight:700}section .accueil input{text-align:center;height:2em;border-radius:3px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #fff;font-size:1.3em;color:#fff}section .accueil input:focus{outline:none}section .accueil input::-webkit-inner-spin-button,section .accueil input::-webkit-outer-spin-button{opacity:.5;height:2em}section .pi{display:flex;justify-content:center;max-width:400px;align-items:center;gap:5px;flex-direction:column}section .pi p.affichage-pi{text-align:center;font-size:1.1em;display:flex;flex-wrap:wrap;width:100%;justify-content:center;transition:.3s ease}section .pi p.hide{opacity:0}section button{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:50px;color:#fff;border:2px solid #fff;font-size:1.1em;margin-top:5px;padding:10px 0;width:250px}section .reponse{font-size:1.1em;display:flex;gap:10px;margin-bottom:10px;justify-content:center}section .reponse input{background:rgba(0,0,0,0);font-size:1.1rem;border:none;border-bottom:2px solid #fff;color:#fff;transition:.1s ease}section .reponse input:focus{outline:none;border-bottom:0px solid #fff}section .answer{transition:.3s ease;margin-top:20px;padding:20px;border-radius:3px;text-align:center;height:70px}section .answer p{color:#000}section .answer.correct{background:rgba(136,207,65,.7568627451);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:correctglow 2s 1 ease}section .answer.incorrect{background:#f96666;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:incorrectglow 2s 1 ease}@keyframes backgroundglow{0%{background:#33135c}50%{background:#33135c;box-shadow:0px 15px 18px 3px #33135c}100%{background:#33135c}}@keyframes correctglow{0%{box-shadow:none}50%{box-shadow:0 0 40px 5px lime}100%{box-shadow:none}}@keyframes incorrectglow{0%{box-shadow:none}50%{box-shadow:0 0 40px 5px red}100%{box-shadow:none}}@media screen and (max-width: 786px){.reponse{border:1px solid #fff;padding:15px;box-shadow:0 0 3px 1px #fff;flex-direction:column;align-items:center}.reponse input{text-align:center}}