:root{--background-color:#fff;--text-color:#000}@media (prefers-color-scheme:dark){body{--background-color:#0e0e0e;--text-color:#fff}}h1{font-size:xx-large}body{background-color:var(--background-color);color:var(--text-color);font-family:Poppins;font-weight:700;margin:0}.header{background-color:#fff;box-shadow:10px 10px 15px #2f2f2f37;left:0;position:fixed;top:0;width:100%}@media (prefers-color-scheme:dark){.header{background-color:#0e0e0e;border-bottom:.5px solid grey}}.flex-header{align-items:center;display:flex;justify-content:space-between;padding:0 4rem}.isCorrect{color:#34db4d}.isWrong{color:red}.nine-logo{align-items:center;display:flex;justify-content:space-between}.nine-logo img{height:2rem}.nine-logo .nine-subheader{font-size:larger;font-weight:200;margin-left:.5rem;margin-top:1.25rem}.right-arrow img{height:3rem}.right-arrow .next-button{background:none;border:none;color:inherit;cursor:pointer;font:inherit;margin:0;outline:none;padding:0;text-align:inherit}.right-arrow .next-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.guess{align-items:start;display:flex;justify-content:center}.guess img{height:2rem;margin-left:.5rem;margin-top:-.2rem}.guess h3{margin-block-start:0}.counter{margin-left:1rem}@media (max-width:1440px){.guess h3{font-size:medium;font-weight:600}}@media (max-width:1024px){.counter,.guess h3{font-size:small;font-weight:500}.guess img{height:1.75rem;margin-left:.35rem;margin-top:-.2rem}.counter{margin-left:1rem}}@media (max-width:768px){.nine-logo img{height:1.75rem}.nine-logo .nine-subheader{font-size:medium;font-weight:150;margin-left:.5rem;margin-top:1.25rem}.right-arrow img{height:2.5rem}.counter,.guess h3{font-size:smaller;font-weight:300}.guess img{height:1.5rem;margin-left:.25rem;margin-top:-.1rem}.counter{margin-left:.5rem}.flex-header{padding:0 3rem}}@media (max-width:600px){.nine-logo img{height:1.5rem}.nine-logo .nine-subheader{font-size:smaller;font-weight:100;margin-left:.25rem;margin-top:1rem}.right-arrow img{height:2rem}.counter,.guess h3{font-size:x-small;font-weight:200}.guess img{height:1.25rem;margin-left:.2rem;margin-top:-.1rem}.counter{margin-left:.5rem}.flex-header{padding:0 2rem}}@media (max-width:425px){.nine-logo img{height:1rem}.nine-logo .nine-subheader{margin-left:.2rem;margin-top:.75rem}.right-arrow img{height:1.5rem}.guess img{height:1rem;margin-left:.1rem;margin-top:-.075rem}.counter{margin-left:.4rem}.flex-header{padding:0 1.5rem}}.card{background-image:#d3d3d3;display:flex;flex-direction:column}.card-image{border-radius:1rem;height:auto;overflow:hidden;width:100%}@media (prefers-color-scheme:light){.card .card-image{box-shadow:2px 2px 5px #2f2f2f37}}@media (max-width:1440px){.card .card-text{font-size:medium;font-weight:600}}@media (max-width:1024px){.card .card-text{font-size:small;font-weight:500}}@media (max-width:768px){.card .card-text{font-size:smaller;font-weight:300}}@media (max-width:425px){.card .card-text{font-size:x-small;font-weight:200}}@media (max-width:375px){.card .card-text{font-size:xx-small;font-weight:100}}:root{padding-top:10rem}@media (max-width:1024px){:root{padding-top:9rem}}@media (max-width:600px){:root{padding-top:7rem}}@media (max-width:425px){:root{padding-top:6.5rem}}.cards{display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);justify-content:center;margin:0 4rem 4rem}@media (max-width:1024px){.cards{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.cards{gap:1.5rem;grid-template-columns:repeat(4,1fr);margin:0 3rem 3rem}}@media (max-width:600px){.cards{gap:1rem;grid-template-columns:repeat(2,1fr);margin:0 2rem 4rem}}@media (max-width:425px){.cards{gap:1rem;grid-template-columns:repeat(2,1fr);margin:0 1.5rem 4rem}}.final-result{align-items:center;-webkit-background-clip:text;background-image:linear-gradient(90deg,red,orange,#ff0,green,#00f,indigo,violet);color:transparent;display:flex;justify-content:center;margin:2rem}