@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);
/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{-webkit-font-feature-settings:inherit;font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mb-4{margin-bottom:1rem}.flex{display:flex}.table{display:table}.h-16{height:4rem}.h-35{height:35px}.h-7{height:1.75rem}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-x-4{-webkit-column-gap:1rem;column-gap:1rem}.border{border-width:1px}.px-4{padding-left:1rem;padding-right:1rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-4{padding-bottom:1rem;padding-top:1rem}.text-start{text-align:start}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background-attachment:fixed;background-color:#3bde20;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Cuse id='b' href='%23a' stroke-dasharray='100 100 100 9999'/%3E%3Cuse id='c' href='%23a' stroke-dasharray='250 250 250 250 250 9999'/%3E%3Cuse id='e' href='%23a' stroke-dasharray='1000 500 1000 500 9999'/%3E%3Cuse id='f' href='%23a' stroke-dasharray='1500 9999'/%3E%3Cuse id='g' href='%23a' stroke-dasharray='2000 500 500 9999'/%3E%3Cuse id='h' href='%23a' stroke-dasharray='800 800 800 800 800 9999'/%3E%3Cuse id='j' href='%23a' stroke-dasharray='1200 1200 1200 1200 1200 9999'/%3E%3Ccircle stroke='%23FFDA24' vector-effect='non-scaling-stroke' id='a' fill='none' stroke-width='5' r='315'/%3E%3C/defs%3E%3Cg transform='translate(1000 750)'%3E%3Ccircle fill='%23FFDA24' r='10'/%3E%3Cg%3E%3Cuse href='%23b' transform='rotate(50) scale(.1)'/%3E%3Cuse href='%23b' transform='rotate(100) scale(.2)'/%3E%3Cuse href='%23b' transform='rotate(150) scale(.3)'/%3E%3C/g%3E%3Cg%3E%3Cuse href='%23c' transform='rotate(-160) scale(.4)'/%3E%3Cuse href='%23d' transform='rotate(-110) scale(.5)'/%3E%3C/g%3E%3Cg id='d'%3E%3Cuse href='%23c'/%3E%3Cuse href='%23c' transform='rotate(90) scale(1.2)'/%3E%3Cuse href='%23c' transform='rotate(60) scale(1.4)'/%3E%3Cuse href='%23e' transform='rotate(120) scale(1.6)'/%3E%3Cuse href='%23e' transform='rotate(30) scale(1.8)'/%3E%3C/g%3E%3Cg id='i'%3E%3Cuse href='%23e' transform='rotate(20) scale(1.1)'/%3E%3Cuse href='%23f' transform='rotate(-40) scale(1.3)'/%3E%3Cuse href='%23f' transform='rotate(60) scale(1.5)'/%3E%3Cuse href='%23g' transform='rotate(-80) scale(1.7)'/%3E%3Cuse href='%23h' transform='rotate(100) scale(1.9)'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cuse href='%23g' transform='rotate(60) scale(2)'/%3E%3Cuse href='%23h' transform='rotate(120) scale(2.1)'/%3E%3Cuse href='%23h' transform='rotate(180) scale(2.3)'/%3E%3Cuse href='%23g' transform='rotate(-120) scale(2.4)'/%3E%3Cuse href='%23h' transform='rotate(-60) scale(2.5)'/%3E%3C/g%3E%3Cuse href='%23i' transform='rotate(180) scale(2)'/%3E%3Cuse href='%23h' transform='scale(2.7)'/%3E%3Cuse href='%23h' transform='rotate(45) scale(2.8)'/%3E%3Cuse href='%23h' transform='rotate(90) scale(2.9)'/%3E%3Cuse href='%23j' transform='rotate(135) scale(3.1)'/%3E%3Cuse href='%23j' transform='rotate(180) scale(3.2)'/%3E%3C/g%3E%3Cuse href='%23j' transform='rotate(-135) scale(3.3)'/%3E%3Cuse href='%23j' transform='rotate(-90) scale(3.5)'/%3E%3Cuse href='%23j' transform='rotate(-45) scale(3.6)'/%3E%3Cuse href='%23j' transform='scale(3.7)'/%3E%3Cuse href='%23j' transform='rotate(75) scale(3.9)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;color:#fff;height:100vh;overflow:hidden;text-align:center;width:100%}@media (min-width:1024px){.lg\:h-10{height:2.5rem}.lg\:h-20{height:5rem}.lg\:h-8{height:2rem}.lg\:py-10{padding-bottom:2.5rem;padding-top:2.5rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}.home-container{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in,-webkit-transform .5s ease-in}.home-container.visible{opacity:1;-webkit-transform:scale(1);transform:scale(1)}h2{color:#f1efe3;font-size:30px;font-weight:700;margin-bottom:15px;text-shadow:2px 2px 2px #1f201f;text-transform:uppercase}p{font-size:20px;font-weight:500;margin-bottom:40px}.HomeBtn,p{color:#355c06}.HomeBtn{background:#3bde20;background:linear-gradient(200deg,#54c441 26%,#fcc93e 60%);border:2px solid #355c06;border-radius:10px;box-shadow:1px 1px 1px #4b4a4a;cursor:pointer;font-size:16px;font-weight:600;padding:13px 40px;text-transform:uppercase}.HomeBtn:hover{-webkit-transform:translateY(-5%);transform:translateY(-5%)}input{background-color:#ffda24;border:2px solid green;border-radius:8px;color:#000;display:flex;font-size:16px;font-weight:600;justify-content:center;margin:0 auto 35px;outline:none;padding:15px 20px;text-align:center}input::-webkit-input-placeholder{color:#355c06}input::placeholder{color:#355c06}.question-container{background-color:#ffda24;border:1px solid rgba(15,136,25,.925);border-radius:30px;box-shadow:1px 1px 1px gray;color:rgba(15,136,25,.925);font-weight:500;opacity:.9;padding:10px 30px;width:-webkit-fit-content;width:fit-content;width:-moz-fit-content}.question-container p{margin-right:5px}.option-container{font-size:18px;font-weight:400;margin-bottom:20px}.options{display:grid;grid-template-columns:1fr 1fr;margin:auto;width:35%}.option{align-items:center;background:#2b8d1a;border:3px solid #05660d;border-radius:13px;box-sizing:border-box;cursor:pointer;display:flex;height:100px;justify-content:center;margin:20px auto;opacity:.8;padding:40px 20px 20px;text-transform:uppercase;width:190px}.option p{color:#ffda24;font-size:14px;font-weight:600}.score{color:#05660d;font-weight:500;margin-top:15px;transition:opacity .3s ease-in}.question-number,.score{opacity:0}.question-number.visible,.score.visible{opacity:1}.score p{align-items:center;background-color:#ffda249d;border-radius:50%;display:flex;font-family:sans-serif;font-size:18px;font-weight:500;height:45px;justify-content:center;margin:15px auto;width:45px}.option.correct,.score p{box-shadow:1px 1px 9px 2px rgba(17,87,17,.74)}.option.correct{border:2px solid #09bd09;transition:border .4s ease-in}.option.wrong{border:2px solid red;box-shadow:1px 1px 9px 2px rgba(206,93,41,.74);transition:border .4s ease-in}.game-container{margin-top:15px;opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in,-webkit-transform .5s ease-in}.game-container.visible{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.popup{background:#2b8d1a;border-radius:5px;height:200px;left:50%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:280px;z-index:9999}.popup p{color:#ffda24;font-size:20px;margin-top:40px}.popup-content{background:#2b8d1a;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.5);padding:20px;text-align:center}.popup button{background:#ffda24;border:none;border-radius:5px;color:#1b5311;cursor:pointer;font-size:16px;padding:10px 20px;text-transform:uppercase;width:80%}.popup button:hover{opacity:.9}.overlay{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9998}.overlay.visible{display:block}#result{padding:50px 100px}.result{font-size:24px;padding-bottom:20px;text-transform:uppercase}.result-container{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in,-webkit-transform .5s ease-in}.result-container.visible{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.result-container h3{color:#f1efe3;text-shadow:2px 2px 2px #1f201f}.result-container p{color:#355c06;font-size:20px;font-weight:500;margin-bottom:10px}.get-in-touch{font-size:20px}.buttons{display:grid;margin:40px auto;width:180px}.buttons button{background:#3bde20;background:linear-gradient(200deg,#54c441 26%,#fcc93e 60%);border:2px solid #355c06;border-radius:10px;color:#355c06;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:13px 30px;text-transform:uppercase}.buttons button:hover{-webkit-transform:translateY(-5%);transform:translateY(-5%)}.result-container img{height:70px;margin-top:40px}#leaderboard{color:#355c06;padding:60px 100px}.leaderboard-container{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:opacity .5s ease-in,-webkit-transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in;transition:opacity .5s ease-in,transform .5s ease-in,-webkit-transform .5s ease-in}.leaderboard-container.visible{opacity:1;-webkit-transform:scale(1);transform:scale(1)}table{margin:40px auto;width:40%}th{background-color:#259711;color:#f8d679;margin:0;padding:20px 0}.buttons-btn{align-items:center;display:flex;font-size:10px;justify-content:space-evenly;margin-bottom:20px;width:100%}button{border-radius:5px;font-size:14px;padding:5px 15px;width:auto}img{height:55px}tr{background-color:#fcc93e}td{padding:15px 0}@media (max-width:1200px){table{margin:40px auto;width:70%}}@media (max-width:800px){table{margin:40px auto;width:90%}}@media (max-width:600px){table{margin:40px auto;width:100%}td{padding:10px 0}}@media (max-width:500px){#leaderboard{padding:30px}td{font-size:15px;padding:8px 0}th{font-size:14px}h1{font-size:20px}table{margin:20px auto}}@media (max-width:350px){#leaderboard{padding:40px 20px}}@media (max-width:1300px){.options{display:grid;grid-template-columns:1fr 1fr;margin:auto;width:50%}#game{padding:30px}#result{padding:60px 30px}}@media (max-width:1020px){.options{display:grid;grid-template-columns:1fr 1fr;margin:auto;width:60%}}@media (max-width:900px){.options{display:grid;grid-template-columns:1fr 1fr;margin:auto;width:70%}}@media (max-width:800px){.options{display:grid;grid-template-columns:1fr 1fr;margin:auto;width:85%}#game{padding:30px 60px}}@media (max-width:680px){.options{display:grid;grid-template-columns:1fr 1fr;margin:auto;width:95%}#game{padding:20px 60px}}@media (max-width:640px){.options{display:grid;grid-template-columns:1fr 1fr;margin:auto;width:80%}}@media (max-width:600px){.option{align-items:center;border-radius:13px;cursor:pointer;display:flex;height:100px;justify-content:center;margin:15px auto;padding:35px 15px 15px;text-transform:uppercase;width:140px}#home{padding:55px 60px}#game{padding:40px 60px}#game .logo,#home .logo{height:35px}.question{font-size:18px;font-weight:400}.option p{font-size:13px}.score{margin-top:5px;opacity:0;transition:opacity .3s ease-in}.score h2,.score p{font-size:16px}.score p{margin-bottom:0}.timer{margin-bottom:20px}.timer h2{font-size:18px}.timer img{height:26px;margin-right:10px}}@media (max-width:480px){#home{padding:55px 30px}#game{padding:30px}#home h2{font-size:22px;margin-top:10px}#home p,.get-in-touch{font-size:18px}#home button,.buttons button{font-size:16px;padding:10px 30px}.result{font-size:20px;padding-bottom:15px}.result-container p{font-size:18px}.question{font-size:16px;font-weight:500;text-align:start}.question-container{align-items:normal;padding:15px}}@media (max-width:380px){.question{font-size:16px;font-weight:400}.option{align-items:center;border-radius:13px;cursor:pointer;display:flex;height:120px;justify-content:center;margin:10px auto;padding:35px 15px 15px;text-transform:uppercase;width:120px}.option p{font-size:13px}.score p{font-size:14px}.popup{height:180px;width:250px}.popup p{font-size:18px}.popup button{font-size:14px}.result-container p{font-size:18px}#game{padding:20px 30px}.question-container{margin-bottom:10px}input{padding:10px}.options{display:grid;grid-template-columns:1fr 1fr;margin:auto;width:90%}}@media (max-width:340px){#game{padding:30px 20px}#result{padding:60px 20px}#home{padding:55px 20px}}
/*# sourceMappingURL=main.9053312e.css.map*/