.trial{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.image{width:100%;height:800px}#homeSection{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:2rem}.heading2{font-size:3.5rem;margin-bottom:25px;color:#000}.difficultyContainer{display:flex;flex-direction:row;gap:20px;font-size:1.5rem}.difficultyCard{padding:10px 25px;border:1px solid black;border-radius:5px;color:#fff;background-color:#000;transition:ease-in-out .2s}.difficultyCard:hover{box-shadow:0 0 10px 10px #fff}.bottomRightContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 15px;gap:15px;position:absolute;top:90%;right:200px}.soundBoxContainer,.helpBoxContainer{border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:5px}.bottomBoxImage{width:30px;height:30px}.bottomLeftContainer{transition:ease-in-out .2s;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 15px;gap:15px;position:absolute;top:90%;left:200px;font-size:1.5rem;border-radius:5px;background-color:#fff;color:#000}.activeTheme{background-color:#fff!important;color:#000!important;border:none!important}.bottomLeftContainer:hover,.soundBoxContainer:hover,.helpBoxContainer:hover,.difficultyCard:hover{cursor:pointer}.helpBoxCard{width:300px;background-color:#fff;position:absolute;padding:15px;right:217px;bottom:10%;color:#000;font-size:1.1rem}.topRightContainer{transition:ease-in-out .2s;border-radius:5px;background-color:#fff;position:absolute;padding:15px;right:217px;top:10%;color:#000;font-size:1.5rem;display:flex;flex-direction:column;gap:5px}.topRightContainer>div{border:1px solid black;padding:5px;cursor:pointer}.gifContainer{padding:15px;background-color:#f0f8ff}.topRightContainer:hover,.bottomLeftContainer:hover{box-shadow:0 0 10px 10px #000}footer{position:absolute;top:90%;border-radius:5px;padding:5px 15px;background-color:#000;color:#fff;font-size:1.5rem;width:400px;height:50px;display:flex;justify-content:center;align-items:center}.gameCardsContainer{display:flex;flex-direction:row;width:1200px;gap:15px;flex-wrap:wrap}.gifCard{display:flex;flex-direction:row;gap:5px}.gifImage{width:100px;height:100px}.characterImage{height:200px;width:150px}.characterHeading{width:100%;font-size:1rem;text-align:center;align-self:center;background-color:#f0f8ff;padding:5px}.characterCard{max-width:150px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#000}.cardBackside{min-width:150px;min-height:236px}#gameSection{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.gameCardsContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:236px}.topLeftContainer{position:absolute;top:8.8%;left:200px;color:#fff}.scoreboardContainer{position:absolute;top:21%;color:#000;left:220px;color:#fff}.gameOverContainer{background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;gap:15px;border-radius:5px}.gameOverHeading{color:#fff}.playAgain{background-color:inherit;padding:10px 25px;font-weight:100;font-family:inherit;font-size:inherit;border:1px solid white;border-radius:5px;cursor:pointer;color:#fff}body,html{margin:0;padding:0;background-repeat:no-repeat;background-size:100% 100%;height:100%;font-size:1rem}@font-face{font-family:onePiece;src:url(/one%20piece%20font.ttf)}@font-face{font-family:naruto;src:url(/njnaruto.ttf)}@font-face{font-family:dragonBall;src:url(/Saiyan-Sans.ttf)}.onePiece{font-size:1.5rem}*{box-sizing:border-box}#root{width:100%;height:100%;font-family:onePiece}