:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}.nav{border-bottom:2px solid #5c0068;height:50px;overflow:hidden}.nav button{background-color:inherit;float:left;cursor:pointer;border:none;outline:none;height:100%;margin:0 5px;padding:14px 16px;transition:all .3s}.nav button:hover{background-color:#525252}.nav button.active{background-color:#353535}.titleBox{justify-content:center;display:flex}.titleBox h1{color:#fff;font-size:40px}.gameContainer{flex-wrap:wrap;justify-content:center;width:100%;display:flex}.playAgain{justify-content:center;width:100%;display:flex}.playAgain button{cursor:pointer;background-color:purple;border:none;border-radius:5px;margin:0 5px 10px;padding:14px 16px;transition:all .3s}.playAgain button:hover{background-color:#580058}.victory{color:#000;background-color:#17a2b8;border:none;border-radius:10px;outline:0;position:relative}.victory button{background-color:inherit;color:inherit;cursor:pointer;border:none;font-size:20px}.victory button:hover{color:#fff}@media (width<=500px){.content{font-size:14px}.titleBox h1{font-size:24px}}.entryContainer{width:40%;min-width:330px;margin-left:20px;margin-right:20px}.entryContainer input{border:none;border-bottom:2px solid purple;border-radius:5px;width:100%;margin-top:20px;margin-bottom:20px;padding:3px;font-size:22px}.guessBox{margin:5px 0}.guessBox .title{text-align:left;border-bottom:1px solid gray;width:100%;margin-bottom:5px}.guessBox .content{justify-content:center;display:flex}.guessBox .option{text-align:center;color:#fff;width:20%}.guessBox .infoSpan{white-space:normal;word-wrap:break-word;width:100%;margin-top:15px;display:block}.infoBox .title{text-align:left;border-bottom:1px solid gray;width:100%;margin-bottom:5px}.infoBox .content{justify-content:center;display:flex}.infoBox .option{text-align:center;color:#000;width:20%}.correctInfo{background-color:green}.incorrectInfo{background-color:red}.infoBox .infoSpan{white-space:normal;word-wrap:break-word;width:100%;margin-top:15px;display:block}