@import"https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=VT323&display=swap";:before,:after,*{box-sizing:border-box;padding:0%;margin:0%;font-family:ThaleahFat,VT323,monospace}.container{position:relative;height:100vh;width:100vw;background-color:#1a1a1a;background-image:url(/assets/Banana-Login-Signup2-482ZkNpr.svg);border:2px solid rgba(255,255,255,0)}.audio-btn{display:flex;position:absolute;bottom:60px;right:43px}.audio-btn-home button{text-decoration:none;background-color:transparent;border:0}.audio-btn-home img{width:50px;height:50px;transition:.3s ease;opacity:.3}.audio-btn-home img:hover{transform:scale(1.1);opacity:1}.header-icon{display:flex;justify-content:space-between;align-items:center;margin-top:40px;margin-left:50px;margin-right:50px}.header-icon img{transition:.3s ease}.header-icon img:hover{filter:brightness(1.2);filter:drop-shadow(0px 0px 5px #ff2600bb)}.user-name{border-bottom:2px solid #a78233;color:#a78233;letter-spacing:2px}.logout{text-decoration:none;border:0;background-color:transparent;font-size:30px;color:#a78233;transition:.3s ease;cursor:pointer}.logout:hover{filter:brightness(1.2);color:#a10e0e;filter:drop-shadow(0px 0px 10px #0a020070)}.play-button{display:flex;justify-content:center;align-items:center;margin-top:215px}.play-button button{font-family:ThaleahFat,VT323,monospace;font-size:68px;text-decoration:none;color:#c99932;text-align:center;width:1330px;padding:60px 0;border:4px solid #a78233;border-radius:5px;background-color:#a782332d;transition:background-color .3s ease}.play-button button:hover{background-color:#ac883a57;color:#c99a34;filter:drop-shadow(0px 0px 20px #000000f5)}.footer{position:fixed;display:flex;bottom:25px;width:100%;padding:0 43px;justify-content:space-between;align-items:center}.container{height:100vh;width:100vw;background-color:#1a1a1a;background-image:url(/assets/Banana-Login-Signup2-482ZkNpr.svg);border:2px solid rgba(255,255,255,0)}.header-back{height:fit-content;width:fit-content;margin-top:40px;margin-bottom:157px;margin-left:50px;opacity:.7;transition:opacity .3s ease}.header-back:hover{opacity:1}.hero-section{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:140px}.hero-text{position:absolute}.hero-text p{font-family:ThaleahFat,VT323,monospace;color:#e1ae3e;font-size:250px;height:fit-content;width:fit-content;text-align:center;text-decoration:none;background-color:transparent}.banana-line{position:absolute;top:70px}.play-button2{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:215px}.play-button2 a{font-family:ThaleahFat,VT323,monospace;font-size:48px;text-decoration:none;color:#c99932;text-align:center;width:1330px;padding:10px 0;margin-bottom:10px;border:4px solid #a78233;border-radius:5px;background-color:#a7823325;transition:background-color .3s ease}.play-button2 button{font-family:ThaleahFat,VT323,monospace;font-size:48px;text-decoration:none;color:#c99932;text-align:center;width:1330px;padding:10px 0;margin-bottom:10px;border:4px solid #a78233;border-radius:5px;background-color:#6e3615a8;transition:background-color .3s ease;cursor:pointer}.play-button2 a:hover{background-color:#ac883a57;color:#c99a34}.play-button2 button:hover{background-color:#973f24c5;color:#c99a34}.play-btn-text{display:flex;justify-content:center;align-items:center;margin-top:8px}.play-btn-text p{font-family:ThaleahFat,VT323,monospace;font-size:48px;color:#c99932}.errorContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100vw;background-image:url(/assets/Banana-Login-Signup2-482ZkNpr.svg);border:2px solid rgba(255,255,255,0)}.errorContainer h1{font-size:68px;color:#dda93a}.errorContainer h3{font-size:38px;color:#dda93a}.errorContainer h3 span{font-size:38px;color:#cc5823}.errorContainer img{filter:brightness(.8) contrast(1.5);transition:filter .3s ease}.errorContainer img:hover{filter:brightness(.9) contrast(1.2)}.container{height:100vh;width:100vw;background-color:#1a1a1a;background-image:url(/assets/Banana-Login-Signup2-482ZkNpr.svg);border:2px solid rgba(255,255,255,0)}.header-back-login{height:fit-content;width:fit-content;margin-top:40px;margin-left:50px;opacity:.7;transition:opacity .3s ease}.header-back-login:hover{opacity:1}.box{width:1250px;height:400px;border:4px solid #e1ae3e;border-radius:5px}.box form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:80px}.username::placeholder,.password::placeholder,.email::placeholder{color:#a7823354;padding-left:15px}.error{font-size:30px;color:#cecece}.img-container button{text-decoration:none;background-color:transparent;border:0}.container{height:100vh;width:100vw;background-color:#1a1a1a;background-image:url(/assets/Banana-Login-Signup2-482ZkNpr.svg);border:2px solid rgba(255,255,255,0)}.header-back-signup{height:fit-content;width:fit-content;margin-top:40px;margin-left:50px;opacity:.7;transition:opacity .3s ease}.header-back-signup:hover{opacity:1}.mid-section{display:flex;justify-content:center;align-items:center}.box-container{display:flex;justify-content:center;align-items:center}.box-signup{width:1250px;height:480px;border:4px solid #e1ae3e;border-radius:5px}.box-signup form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:80px}.error-span{margin-left:173px}.error-span span{font-size:30px;color:#b4b4b4}.error-span span:first-child{margin-right:10px}form input{width:900px;height:60px;border:4px solid #9c7a30;border-radius:5px;margin-bottom:20px;background-color:transparent;font-size:48px;color:#b4841d;padding-left:15px}form input:last-child{margin-bottom:10px}form input:focus{outline:none;border:4px solid #c59b40;background-color:#c59b4015}form input:hover{background-color:#c59b4015}.email::placeholder,.password::placeholder{color:#a7823354;padding-left:15px}.img-container{display:flex;justify-content:space-between;align-items:center;margin:20px 170px 0}.img-container .play{transition:filter .3s ease}.img-container .play:hover{filter:brightness(1.4)}.img-container .tosignup{transition:filter .3s ease}.img-container .tosignup:hover{filter:brightness(1.4)}.container{height:100vh;width:100vw;background-color:#1a1a1a;background-image:url(/assets/Banana-Login-Signup2-482ZkNpr.svg);border:2px solid rgba(255,255,255,0)}.header-back-diff{height:fit-content;width:fit-content;margin-top:40px;margin-left:50px;opacity:.7;transition:opacity .3s ease}.header-back-diff:hover{opacity:1}.mid-section{margin-top:50px;display:flex;justify-content:center;align-items:center}.mid-section p{font-family:ThaleahFat,VT323,monospace;font-size:115px;color:#e1ae3e;letter-spacing:6px}.diff-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}.diff-section button{text-decoration:none;background-color:transparent;border:0;margin-bottom:10px;transition:.2s ease}.diff-section button:hover{filter:brightness(1.4);scale:1.02}.footer{position:fixed;display:flex;bottom:30px;width:100%;padding:0 43px;justify-content:space-between;align-items:center}.footer p{font-family:ThaleahFat,VT323,monospace;font-size:28px;color:#5c4e31}.container-game{position:relative;height:100vh;width:100vw;background-color:#1a1a1a;background-image:url(/assets/Banana-Login-Signup2-482ZkNpr.svg);border:2px solid rgba(255,255,255,0);overflow:hidden}.header-back-game{position:absolute;height:fit-content;width:fit-content;margin-top:40px;margin-left:50px;opacity:.7;transition:opacity .3s ease;z-index:100}.header-back-game:hover{opacity:1;filter:brightness(1.1);z-index:100}.header-back-game Link{z-index:100}.header-back-game img{z-index:100}.spinner{position:absolute;width:100%;display:flex;justify-content:space-between;align-items:center}.spinner img{width:200px;height:200px;animation:spin 7s infinite linear;margin-top:200px;margin-left:250px;margin-right:250px;opacity:.5}.spinner p{margin-left:328px;margin-right:250px;opacity:.5;font-size:40px;color:#c49227}.game{margin-top:30px}.header-game{display:flex;margin-right:200px;margin-left:200px;justify-content:space-between;align-items:center;border-bottom:4px solid #ca9c38}.header-game h1{font-family:ThaleahFat,VT323,monospace;font-size:66px;color:#ca9c38}.header-game p{font-family:ThaleahFat,VT323,monospace;font-size:30px;color:#ca9c38;margin-top:25px}.bananaAPI{display:flex;flex-direction:column;margin-top:10px;justify-content:center;align-items:center}.bananaAPI .timer{font-family:ThaleahFat,VT323,monospace;font-size:40px;color:#9f7f44;letter-spacing:2px;margin-bottom:10px}.bananaAPI .answer{font-family:ThaleahFat,VT323,monospace;font-size:30px;color:#9f7f44;letter-spacing:2px;margin-top:10px}.hr{display:flex;justify-content:center;align-items:center}.hr hr{width:1518px;border:none;border-bottom:4px solid #ca9c38;height:0;margin-top:10px}.score-container-main{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px}.score-container{width:1518px;height:400px;padding-left:50px;padding-right:50px}.left-content{position:absolute;margin-top:100px}.number-input{display:flex}.number-input input{font-family:ThaleahFat,VT323,monospace;font-size:40px;color:#c59732;margin-left:10px;border:4px solid #a57a1e9a;border-radius:5px;margin-bottom:20px;background-color:#c59b4015;text-align:center;height:41px;width:100px;transition:background-color .3s ease}.number-input input:focus{outline:none;border:4px solid #a57a1e;background-color:#d1a44415}.number-input input:hover{background-color:#d1a44415}.user-input-submit{border:4px solid #a57a1e;border-radius:5px;text-decoration:none;background-color:#a57a1e12;height:40px;width:100px;font-family:ThaleahFat,VT323,monospace;font-size:30px;color:#a57a1e;margin-left:10px;transition:filter .2s ease}.user-input-submit:hover{filter:brightness(1.2);scale:1.03}.user-input-next{border:4px solid #a57a1e;border-radius:5px;text-decoration:none;background-color:#a57a1e12;height:40px;width:140px;font-family:ThaleahFat,VT323,monospace;font-size:30px;color:#a57a1e;margin-left:10px;transition:filter .2s ease}.user-input-next:hover{filter:brightness(1.2);scale:1.03}.left-content p{font-family:ThaleahFat,VT323,monospace;font-size:40px;color:#a57a1e}.right-content{position:absolute;margin-top:100px;right:255px}.rankbtn{text-decoration:none;background-color:transparent;border:0;scale:1;transition:filter .3s ease}.rankbtn:hover{filter:brightness(1.35);scale:1.01}.calculation{display:flex}.calculation .time{margin-left:20px;color:#bdbdbd}.point-container{display:flex}.point-container .points{margin-left:20px;color:#bdbdbd}.footer-game{position:fixed;display:flex;bottom:10px;width:100%;padding:0 43px;justify-content:space-between;align-items:center}.container-ranking{position:relative;height:100vh;width:100vw;background-color:#1a1a1a;background-image:url(/assets/Banana-Login-Signup2-482ZkNpr.svg);border:2px solid rgba(255,255,255,0);overflow:hidden}.header-back-ranking{position:absolute;height:fit-content;width:fit-content;margin-top:40px;margin-left:50px;opacity:.7;transition:opacity .3s ease;z-index:100}.header-back-ranking:hover{opacity:1;filter:brightness(1.1);z-index:100}.header-back-ranking Link{z-index:100}.header-back-ranking img{z-index:100}.hero-text-ranking{display:flex;justify-content:center;align-items:center;flex-direction:column}.hero-text-ranking p{font-family:ThaleahFat,VT323,monospace;color:#e1ae3e;font-size:200px;height:fit-content;width:fit-content;text-align:center;text-decoration:none;background-color:transparent;margin-left:10px}table{border-collapse:collapse;height:100%;width:1420px}table td,th{font-family:ThaleahFat,VT323,monospace;color:#b4892b;font-size:24px;border:2px solid #b3872a;padding:10px;text-align:center;white-space:nowrap;transition:.3s ease}table tbody td{color:#af8e46}table tr{transition:.2s ease}table tr:hover{color:#bd8f2d;border:2px solid #b3872a;background-color:#0000007e}table{transition:.3 ease;background-color:#00000056}table th{background-color:#0000006b;letter-spacing:1px}table:hover{background-color:#00000050}.footer-game{position:fixed;display:flex;bottom:20px;width:100%;padding:0 52px;justify-content:space-between;align-items:center}.footer-game p{font-family:ThaleahFat,VT323,monospace;font-size:28px;color:#5c4e31}:before,:after,*{box-sizing:border-box;padding:0%;margin:0%}.container-detail{height:100vh;width:100vw;background-color:#1a1a1a;background-image:url(/assets/Banana-Login-Signup2-482ZkNpr.svg);border:2px solid rgba(255,255,255,0)}.header-back-info{position:absolute;height:fit-content;width:fit-content;margin-top:48px;margin-left:80px;opacity:.7;transition:opacity .3s ease;z-index:100}.header-back-info:hover{opacity:1;filter:brightness(1.1);z-index:100}.header-back-info Link{z-index:100}.header-back-info img{z-index:100}.github a{position:absolute;top:9%;left:30%;scale:.3;transition:.3s ease;z-index:100}.github a:hover{scale:.33;filter:drop-shadow(0px 0px 40px #000000d8)}.github img{transition:.3s ease}.github img:hover{filter:brightness(1.3)}.main-header{display:flex;justify-content:center;align-items:center;margin-top:20px}.main-header p{font-family:ThaleahFat,VT323,monospace;color:#e1ae3e;font-size:100px;height:fit-content;width:fit-content;text-align:center;text-decoration:none;background-color:transparent}.black-fade-container{display:flex;justify-content:center;align-items:center;transition:.3s ease}.black-fade-container:hover{filter:drop-shadow(0px 0px 40px #000000d8)}