.layout{height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;overflow:hidden}.mainCompDiv{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:900px}.mainTitle{font-family:Boogaloo,sans-serif;color:#ff0;font-size:7rem;line-height:1;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.tvSimpsons{position:relative;width:420px}.tvPng{display:block;position:relative;z-index:2;width:100%}.jesusDancing{position:absolute;top:48%;left:47%;transform:translate(-50%,-50%);width:78%;aspect-ratio:420 / 400;object-fit:cover;border-radius:18%;z-index:1}.nameInputDiv{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%}.nameInput{font-family:Boogaloo,sans-serif;font-size:1.8rem;padding:.4rem 1.2rem;border-radius:.8rem;border:3px solid yellow;background-color:#00000073;color:#fff;text-align:center;width:320px;outline:none;transition:border-color .2s}.nameInput::placeholder{color:#ffffff80}.nameInput:focus{border-color:#fff}.nameInputError{border-color:tomato}.nameErrorText{font-family:Boogaloo,sans-serif;font-size:1.2rem;color:tomato;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.btnDiv{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:.5rem}.btn{font-size:1.8rem;padding:.4rem 1.4rem;min-width:140px;border:none;border-radius:1rem;background-color:#ff0;color:#000;font-family:Boogaloo,sans-serif;box-shadow:6px 8px 4px #00000040;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease;cursor:pointer;white-space:nowrap}.btn:hover{background-color:#f8f86d;transform:translateY(-3px);box-shadow:8px 12px 8px #00000040}.btn:active{transform:translateY(1px);box-shadow:3px 4px 4px #0003}.welcomeUserText{font-size:2.5rem;font-family:Boogaloo,sans-serif;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;text-align:center}@media (max-width: 800px){.layout{padding:2rem 1.5rem}.mainTitle{font-size:5rem}.tvSimpsons{width:360px}.btn{font-size:1.5rem;min-width:120px}.welcomeUserText{font-size:2rem}}@media (max-width: 550px){.layout{padding:1rem;align-items:center}.mainCompDiv{gap:.8rem}.mainTitle{font-size:3.8rem;text-align:center}.tvSimpsons{width:310px}.nameInput{font-size:1.5rem;width:280px}.btn{font-size:1.5rem;min-width:120px}.welcomeUserText{font-size:1.8rem}}@media (max-width: 430px){.layout{padding:.75rem}.mainCompDiv{gap:.6rem}.mainTitle{font-size:3.2rem}.tvSimpsons{width:270px}.nameInput{font-size:1.4rem;width:250px}.btnDiv{gap:1rem;margin-top:.4rem}.btn{font-size:1.4rem;min-width:115px}.welcomeUserText{font-size:1.7rem}}@media (max-width: 380px){.mainTitle{font-size:2.8rem}.tvSimpsons{width:240px}.btn{font-size:1.3rem;min-width:108px}}.correct{background-color:#90ee90}.incorrect{background-color:#f08080}.reviewWrapper{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.reviewBtns{display:flex;gap:1rem;justify-content:center}.homerLoader{width:100px;height:100px;border-radius:50%;border:5px solid yellow;animation:homerLoader 1s linear infinite}@keyframes homerLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loaderDiv{display:flex;align-items:center;justify-content:center;height:100vh}.gameSection{display:flex;flex-direction:column;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:3rem;height:500px;width:700px}.gameLayout{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.questionNumber{font-size:30px;padding:5px;color:#fff;font-weight:700;font-family:Boogaloo,sans-serif}.Question{font-family:Boogaloo,sans-serif;display:flex;align-items:center;font-size:50px;justify-content:center;height:50%;background-color:#f7f7b3b7;text-align:center}.ulDiv{display:flex;align-items:center;justify-content:center;height:50%;background-color:#ebeb5de3}ul{list-style:none;display:grid;grid-template-columns:1fr 1fr}ul li{font-weight:700;font-family:Boogaloo,sans-serif;font-size:25px;text-align:center;padding:1rem;margin:1rem;width:280px;border-radius:1rem;background-color:#f5f5f5;border:1px solid lightgray;box-shadow:10px 10px 5px #00000029;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}ul li:hover{cursor:pointer;background-color:beige;transform:translateY(-2px);box-shadow:12px 14px 8px #0003}ul li:active{transform:translateY(1px)}@media (max-width: 800px){.gameSection{width:500px;height:800px}.ulDiv{display:flex;flex-direction:column}ul{list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center}}@media (max-width: 585px){.gameSection{width:100%;display:flex;justify-content:center;align-items:center;margin:1rem;padding:1rem}ul li{font-size:1.3rem;margin:10px;padding:15px;width:300px;color:#000}.Question{display:flex;font-size:50px;background-color:#f7f7b3b7;text-align:center}.gameLayout{display:flex;align-items:center;justify-content:center;height:100vh}.ulDiv{width:100%}}@media (max-width: 430px){.gameSection{height:600px}.Question{font-size:40px}ul li{font-size:1.3rem;margin:8px;padding:10px;width:300px;color:#000}}.scoreLayout{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;font-size:35px;padding:3rem 1rem 2rem;color:#000;font-family:Boogaloo,sans-serif}.scoreTitle{color:#ff0;font-weight:700;font-family:Boogaloo,sans-serif;margin-bottom:2rem}table{border-collapse:collapse;margin-bottom:20px;font-size:35px;max-height:485px;overflow-y:scroll;display:block;width:auto}th,td{border:1px solid #ddd;padding:8px;text-align:left}th,tr{background-color:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.name{width:500px}.myScore{background-color:#ffff0028;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 448px){table{font-size:25px}.name{width:300px}}.title{font-family:Boogaloo,sans-serif;font-size:3.2rem;text-align:right;color:#ff0;text-shadow:-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,2px 2px 0 #000}.scoreModalSub{font-family:Boogaloo,sans-serif;font-size:1.6rem;color:#fff;text-align:right;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;margin-bottom:.5rem}.scoreModalBtns{display:flex;gap:1rem;justify-content:flex-end}.btn{font-family:Boogaloo,sans-serif;font-size:1.6rem;padding:.4rem 1.4rem;min-width:120px;border:none;border-radius:.8rem;background-color:#ff0;color:#000;cursor:pointer;box-shadow:4px 6px 4px #00000040;transition:background-color .2s,transform .15s;white-space:nowrap}.btn:hover{background-color:#f8f86d;transform:translateY(-2px)}.btnSecondary{background-color:#fffc}.Layout{text-align:end;display:flex;align-items:center;position:absolute;justify-content:center;flex-direction:column;z-index:2;width:100%;min-height:100vh;transition:.3s ease}.scoreModal{position:relative;display:flex;flex-direction:column;align-items:flex-end;border-radius:20px;padding:2rem;text-align:right;width:800px;height:500px;overflow:hidden}.imgHomer{position:absolute;width:500px;bottom:0;left:40px}@media (max-width: 800px){.Layout{justify-content:center;padding:1.5rem}.scoreModal{width:100%;height:auto;border-radius:20px;align-items:center;text-align:center;padding:2rem 1.5rem 1.5rem}.title,.scoreModalSub{text-align:center}.scoreModalBtns{justify-content:center}.imgHomer{position:relative;width:340px;bottom:auto;left:auto;margin:.8rem auto 1.5rem}}@media (max-width: 590px){.title{font-size:2.6rem}.imgHomer{width:280px}}@media (max-width: 450px){.title{font-size:2.2rem}.scoreModalSub{font-size:1.3rem}.imgHomer{width:240px}}