@keyframes blink{0%,25%{color:#721c24}26%,50%{color:#000}51%,75%{color:#721c24}76%,to{color:#000}}.errorPage{text-align:center}.errorPage p{font-size:50px;font-weight:700;animation:blink 2s infinite}.container-nav{width:100%;display:flex;justify-content:center;align-items:center}.container-nav-ul{display:flex;justify-content:space-around;align-items:center;flex-direction:row;background:linear-gradient(90deg,rgb(2,0,36) 0%,rgb(139,69,19) 50%,rgb(4,4,4) 100%);border-bottom-left-radius:30px;border-bottom-right-radius:30px;border-bottom:.2rem solid var(--color2);border-left:.2rem solid var(--color2);border-right:.2rem solid var(--color2);width:50%;margin:0 0 2%;padding:.2rem}.container-nav-ul-home{display:flex;justify-content:space-around;align-items:center;flex-direction:row;background:linear-gradient(90deg,rgb(2,0,36) 0%,rgb(139,69,19) 50%,rgb(4,4,4) 100%);border-bottom-left-radius:30px;border-bottom-right-radius:30px;border-bottom:.2rem solid var(--color3);border-left:.2rem solid var(--color3);border-right:.2rem solid var(--color3);width:50%;height:3rem;margin:0;padding:.2rem}.container-nav-li{list-style-type:none;padding:.2rem 0rem .4rem}.container-nav-li:hover{transform:scale(1.3);transition:.4s cubic-bezier(.445,.05,.55,.95);background-color:#fff0}.container-nav-link{text-decoration:none;color:var(--color2);font-size:1.8rem;padding:.3rem}.container-nav-link:hover{color:var(--color3)}.menu{position:fixed;margin-top:1%;margin-left:1%;font-size:6vw;width:7%;background-color:#ffffffe8;border:.1rem orange solid;border-radius:20%;cursor:pointer}.menu:hover{background-color:#ffb833}.menu:active{background-color:#ffa600}.menu-open{position:fixed;margin-top:1%;margin-left:1%;width:20%;background-color:#ffffffe8;border:.1rem orange solid;border-radius:4%}.menu-open .close{margin-top:5%;margin-left:5%;background-color:#ff00006b;border:.1rem rgb(255,0,0) solid;border-radius:50%}.menu-open .close:hover{background-color:#c60101;cursor:pointer}.menu-open .close:active{background-color:red}.menu-open ul{margin-top:10%;padding:5%;text-align:center;line-height:1.8}.menu-open ul li{list-style-type:none}.menu-open ul li .menu-open-link{color:#000;text-decoration:none;font-size:5vw}.menu-open ul li .menu-open-link:hover{color:var(--color3);border-bottom:1px var(--color3) solid}.menu-open:hover{background-color:#fff}.container-wiki{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin:auto}.container-wiki .card-wiki{width:90%;margin:15% auto;padding-top:5%;color:var(--color3);text-shadow:rgb(8,8,8) 1px 0px 0px,rgb(8,8,8) .540302px .841471px 0px,rgb(8,8,8) -.416147px .909297px 0px,rgb(8,8,8) -.989992px .14112px 0px,rgb(8,8,8) -.653644px -.756802px 0px,rgb(8,8,8) .283662px -.958924px 0px,rgb(8,8,8) .96017px -.279416px 0px;border:1px solid var(--color3);background:radial-gradient(circle,rgba(139,69,19,.8) 0%,rgba(8,8,8,.8) 100%);box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px,#ccdbe8 3px 3px 6px inset,#ffffff80 -3px -3px 6px 1px inset;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.container-wiki .card-wiki:hover{transition:1s;transform:scale(1.08);background:radial-gradient(circle,rgba(139,69,19,.8) 0%,rgb(8,8,8) 100%);box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px,var(--color3) 3px 3px 6px 0 inset,var(--color3) -3px -3px 6px 1px inset}.container-wiki .card-wiki picture{width:90%}.container-wiki .card-wiki picture img{display:flex;justify-content:center;width:75%;height:35vh;margin:10% auto -2%;border-radius:10px;object-fit:cover}.container-wiki .card-wiki ul{width:100%;margin-top:-.5%;padding:0;display:flex;align-items:center;flex-direction:column}.container-wiki .card-wiki ul li{list-style:none}.container-wiki .card-wiki h2{font-size:3vw}.container-wiki .card-wiki h3{margin-top:-3%;width:98%;border-top:1px solid var(--color2);border-bottom:1px solid var(--color2);padding:1%;text-align:center}@media screen and (max-width: 900px){.container-wiki{grid-template-columns:1fr 1fr}.container-wiki .card-wiki:hover{transition:none;transform:none;box-shadow:none}.container-wiki .card-wiki picture{height:auto}.container-wiki .card-wiki picture img{height:15vh;object-fit:cover}.container-wiki .card-wiki h2{font-size:6.5vw}.container-wiki .card-wiki h3{padding-top:1rem;border-bottom:none}}.container-about{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin:auto}.card-about{width:80%;margin:15% auto;height:auto;color:var(--color3);text-shadow:rgb(8,8,8) 1px 0px 0px,rgb(8,8,8) .540302px .841471px 0px,rgb(8,8,8) -.416147px .909297px 0px,rgb(8,8,8) -.989992px .14112px 0px,rgb(8,8,8) -.653644px -.756802px 0px,rgb(8,8,8) .283662px -.958924px 0px,rgb(8,8,8) .96017px -.279416px 0px;border:1px solid var(--color2);background:radial-gradient(circle,rgba(139,69,19,.8) 0%,rgba(8,8,8,.8) 100%);box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px,#ccdbe8 3px 3px 6px inset,#ffffff80 -3px -3px 6px 1px inset;border-radius:10px;display:flex;flex-direction:column;align-items:center}.card-about:hover{transition:1s;transform:scale(1.1);background:radial-gradient(circle,rgba(139,69,19,.8) 0%,rgb(8,8,8) 100%);box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px,var(--color3) 3px 3px 6px 0 inset,var(--color3) -3px -3px 6px 1px inset}.card-about h2{font-size:3.5vw}.card-about .img-us{margin:auto;width:40%}.card-about div{margin-top:.5rem;width:100%;display:flex;flex-direction:column;align-items:center}.card-about div p{font-size:1.9vw}.card-about div .p-2{margin-top:0}.card-about div h3{margin-top:-.5rem;font-size:2.3vw}@media screen and (max-width: 900px){.container-about{grid-template-columns:1fr 1fr;height:91.5vh}.card-about:hover{transform:none}.card-about h2{font-size:7vw}.card-about .img-us{width:60%}}#root{--color: rgba(139, 69, 19, 1);--color2: rgb(222, 222, 222);--color3: #138b81;--color4: #8b1359;width:100%;box-sizing:border-box}body{margin:0;background-image:url(/assets/Background-f372f3ac.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;min-height:100svh}@font-face{font-family:Harry P;src:url(/assets/HARRYP__-739fe887.TTF) format("truetype");font-weight:400;font-style:normal}.harry-potter-font{font-family:Harry P,sans-serif}.container-game-parent{display:flex;justify-content:center;align-items:center;margin-top:2rem;z-index:0}.container-game{width:100%;display:flex;min-height:100vh;justify-content:center;align-items:center;flex-direction:column}.container-game .h2{border-radius:20px;border-style:double}.container-game-button{--b: 3px;--s: .45em;--_p: var(--s);padding:calc(.5em + var(--s)) calc(.9em + var(--s));color:var(--color3);background:conic-gradient(from 90deg at var(--b) var(--b),rgba(255,255,255,.2588235294) 90deg,var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2 * var(--_p)) calc(100% - var(--b) - 2 * var(--_p));transition:.3s linear,color 0s,background-color 0s;cursor:pointer;outline:var(--b) solid rgba(0,0,0,0);outline-offset:0;font-size:9vw;border:0;touch-action:manipulation;margin-bottom:3rem;text-shadow:rgb(8,8,8) 1px 0px 0px,rgb(8,8,8) .540302px .841471px 0px,rgb(8,8,8) -.416147px .909297px 0px,rgb(8,8,8) -.989992px .14112px 0px,rgb(8,8,8) -.653644px -.756802px 0px,rgb(8,8,8) .283662px -.958924px 0px,rgb(8,8,8) .96017px -.279416px 0px}.container-game-button:hover,.container-game-button:focus-visible{--_p: 0px;outline-color:var(--color);outline-offset:.05em}.imageQ{width:100%;height:250px;max-height:250px;margin:5% auto}.quizz{width:70%;color:var(--color2);display:flex;flex-direction:column;align-items:center}.quizz h1{margin:2% 0}.quizz h1,.quizz h3{font-size:3vw;text-shadow:var(--color) 1px 0px 0px,var(--color) .540302px .841471px 0px,var(--color) -.416147px .909297px 0px,var(--color) -.989992px .14112px 0px,var(--color) -.653644px -.756802px 0px,var(--color) .283662px -.958924px 0px,var(--color) .96017px -.279416px 0px}.quizz h2{margin:0 0 1%;color:var(--color);font-size:2vw;text-shadow:var(--color2) 1px 0px 0px,var(--color2) .540302px .841471px 0px,var(--color2) -.416147px .909297px 0px,var(--color2) -.989992px .14112px 0px,var(--color2) -.653644px -.756802px 0px,var(--color2) .283662px -.958924px 0px,var(--color2) .96017px -.279416px 0px}.quizz p{padding:.2rem;color:var(--color2);font-size:1.3vw;font-style:italic;font-weight:500;margin-top:20%;background-color:var(--color3);width:80%;text-align:center;border-radius:20px;border-style:double;cursor:default}.quizz button{--b: 3px;--s: .45em;--_p: var(--s);padding:calc(.5em + var(--s)) calc(.9em + var(--s));color:var(--color2);background:conic-gradient(from 90deg at var(--b) var(--b),rgba(255,255,255,.2588235294) 90deg,var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2 * var(--_p)) calc(100% - var(--b) - 2 * var(--_p));transition:.3s linear,color 0s,background-color 0s;outline:var(--b) solid rgba(0,0,0,0);outline-offset:.6em;font-size:3.5vw;border:0;touch-action:manipulation;margin-bottom:10%;text-shadow:var(--color) 1px 0px 0px,var(--color) .540302px .841471px 0px,var(--color) -.416147px .909297px 0px,var(--color) -.989992px .14112px 0px,var(--color) -.653644px -.756802px 0px,var(--color) .283662px -.958924px 0px,var(--color) .96017px -.279416px 0px}.quizz button:hover,.quizz button:focus-visible{--_p: 0px;outline-color:var(--color);outline-offset:.05em}@media screen and (max-width: 900px){.quizz h1{font-size:7vw}.quizz h2{font-size:4vw}}.question-container{display:flex;flex-direction:column;align-items:center;justify-content:space-around}.question-container span{background-color:var(--color3);width:30px;height:25px;border:solid var(--color2) 1px;padding:1px;border-radius:50%;color:var(--color2);display:flex;justify-content:center;align-items:center}.question{width:90%;background:linear-gradient(90deg,rgb(2,0,36) 0%,rgb(139,69,19) 50%,rgb(4,4,4) 100%);text-align:center;padding:5%;border-radius:10px;border:2px solid white;font-size:20px}.answers{width:100%;display:flex;justify-content:center;flex-wrap:wrap}.answer{width:40%;padding:10px;margin:0 10px 20px;text-align:center;background:linear-gradient(90deg,rgb(2,0,36) 0%,rgb(139,69,19) 50%,rgb(4,4,4) 100%);border:1px solid white;border-radius:15px;font-weight:300;font-size:20px;cursor:pointer}.answer:hover,.answer.active{background:var(--color3)}.answer.correct{animation:correct 1s ease forwards}@keyframes correct{0%,50%{background:var(--color3)}50%,to{background:green}}.answer.wrong{animation:wrong 1s ease forwards}@keyframes wrong{0%,50%{background:var(--color3)}50%,to{background:crimson}}.final-result{display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 900px){.final-result h1{font-size:15vw}.final-result h3{font-size:5vw}.final-result button{font-size:10vw}.final-result p{font-size:3.6vw}}.bsinfo{font-size:2vw;position:fixed;top:1%;right:1%;border:.1rem orange solid;border-radius:1rem;background-color:#ffffffe8;cursor:pointer}@media screen and (max-width: 900px){.bsinfo{top:.5%;font-size:6vw}}.bsinfo:hover{background-color:#ffb833}.bsinfo:active{background-color:#ffa600}.div-info{position:fixed;top:77%;right:1%;width:14%;border:.2rem var(--color) solid;border-radius:.3rem;padding:.3rem;background-color:#ffffffe8;color:#000}@media screen and (max-width: 900px){.div-info{top:76%;width:18%}}.div-info .bsdash{font-size:1vw;border:.1rem orange solid;border-radius:.7rem;width:10%;background-color:#ffffff6b;cursor:pointer}@media screen and (max-width: 900px){.div-info .bsdash{width:30%;font-size:4vw}}.div-info .bsdash:hover{background-color:#ffb833}.div-info .bsdash:active{background-color:#ffa600}.div-info p{margin:0 auto;text-align:center}.div-info ul{padding:10px;margin:0 auto auto}.div-info li{list-style:none;text-align:center}@media screen and (max-width: 900px){.div-info li{margin:0}}.div-info:hover{background-color:#fff}.fgt-div-1{display:flex;align-items:center;justify-content:space-between;height:80vh;width:100%;margin-bottom:5%}.fgt-div-1 .versus{display:flex;flex-direction:column;justify-content:center;align-items:center}.fgt-div-1 .versus .fight-vs{display:flex;justify-content:center;align-items:center;width:100%;height:auto;font-size:15vw;padding:5%;color:var(--color3);background-color:#ffffff68;border:1px solid var(--color2);box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px,#ccdbe8 3px 3px 6px inset,#ffffff80 -3px -3px 6px 1px inset;border-radius:10px;cursor:pointer}@media screen and (max-width: 900px){.fgt-div-1 .versus .fight-vs{width:100%}}@media screen and (max-width: 900px){.fgt-div-1 .versus{width:100%}}@media screen and (max-width: 900px){.fgt-div-1{flex-direction:column}}.fight-img{width:30%;height:40vh}.opp-fight{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-bottom:5%;height:auto}.opp-fight h1{width:50%;text-align:center;font-size:4vw;color:var(--color2);background-color:var(--color3);border-radius:20px;border-style:double}.opp-fight img{width:50%}.opp-fight .fight-box{display:flex;flex-direction:column;align-items:center;text-align:center;width:40%;background-color:var(--color);border-radius:.3rem;margin-top:5%}.opp-fight .fight-box .fight-rod-life-outer{margin-top:1rem;width:80%;border:.1rem solid;border-radius:.5rem}.opp-fight .fight-box .fight-rod-life-outer .fight-rod-life-inner{background-color:#0f1;width:var(--width);text-align:center;border-radius:.5rem}.opp-fight .fight-box .fight-p-2{margin:.8rem}.opp-fight .fight-box .fight-p-3{margin-top:0rem}.combatlog{width:80%;padding:.5rem;text-align:center;color:var(--color3);border:1px solid var(--color2);background:radial-gradient(circle,rgba(139,69,19,.8) 0%,rgba(8,8,8,.8) 100%);box-shadow:#0000002b 0 -23px 25px inset,#00000026 0 -36px 30px inset,#0000001a 0 -79px 40px inset,#0000000f 0 2px 1px,#00000017 0 4px 2px,#00000017 0 8px 4px,#00000017 0 16px 8px,#00000017 0 32px 16px,#ccdbe8 3px 3px 6px inset,#ffffff80 -3px -3px 6px 1px inset;border-radius:10px;display:flex;flex-direction:column;align-items:center}.winner{font-size:3rem;text-align:center}.container-game .h2{margin-bottom:2%;padding:.2rem;color:var(--color2);background-color:var(--color3);width:55%;text-align:center;font-style:italic;cursor:default}.container-game h2{margin:0}.container-game .container-select{display:flex;justify-content:space-around;align-items:center;text-align:center;margin-bottom:2%}@media screen and (max-width: 900px){.container-game .container-select{display:grid;grid-template-columns:1fr 1fr;row-gap:10%;justify-items:center}}.container-game .container-select-1{width:17%;padding:2%;border:1px solid var(--color2);background:radial-gradient(circle,rgb(139,69,19) 0%,rgb(8,8,8) 100%);border-radius:.7rem;transition:background-color 1s;cursor:pointer}.container-game .container-select-1:hover{transform:scale(1.05);box-shadow:#000 0 8px 24px,#000 0 16px 56px,#000 0 24px 80px;transition:1s}.container-game .container-select-1 .container-select-img{width:100%;height:35vh;object-fit:cover}.container-game .container-select-1 h2{color:var(--color2);font-size:2.5vw}.container-game .container-select-1 p{color:var(--color3);font-size:1.3vw}.container-game .container-select-2{border:solid white 2px;border-radius:5%;display:flex;flex-direction:column;width:80%;color:var(--color3);text-shadow:rgb(8,8,8) 1px 0px 0px,rgb(8,8,8) .540302px .841471px 0px,rgb(8,8,8) -.416147px .909297px 0px,rgb(8,8,8) -.989992px .14112px 0px,rgb(8,8,8) -.653644px -.756802px 0px,rgb(8,8,8) .283662px -.958924px 0px,rgb(8,8,8) .96017px -.279416px 0px;background-color:#ffffff81;cursor:pointer}.container-game .container-select-2 img{width:100%;height:25vh;border:solid white 1px;border-radius:5% 5% 0 0}