:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#242424}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}#root{width:100%;height:100%;text-align:center}h1{font-size:3.2em;margin-top:auto}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;color:#ccc;cursor:pointer;transition:border-color .25s}button:hover{border-color:#e8e8e8}.container{display:flex;flex-direction:column;align-items:center;height:100vh}.container h1{margin:0;font-size:clamp(3vw,10vw,4rem)}.game-container{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.game{max-height:100vh}.game h1{margin:0;font-size:clamp(3vw,8vw,4rem)}.bottom-container{display:flex;flex-direction:column;padding-bottom:1rem}.topic-card-container{display:grid;gap:2rem}@media (min-width: 765px){.topic-card-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1140px){.topic-card-container{grid-template-columns:repeat(3,1fr)}}.card{width:200px;height:225px;border-radius:10px;padding:20px;margin:1rem;background-color:#ccc;display:flex;flex-shrink:0;flex-direction:column;justify-content:space-between}.card p{color:#1a1a1a;margin:0;font-size:1rem}.card-list-container{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;width:100vw;height:322px}.card-list{display:flex;width:100%;position:relative;transition:transform .3s ease}.topics{margin:48px auto}.topic-card{width:300px;height:400px;border-radius:10px;padding:20px;background-color:#ccc;display:flex;flex-direction:column;box-shadow:15px 15px 10px #0000004d}.topic-card .description{text-align:center;color:#1a1a1a;height:100%;display:flex;flex-direction:column}.topic-card h2{margin-top:10px;margin-bottom:auto;color:#1a1a1a;font-size:40px}.topic-card p{color:#1a1a1a;margin:0}.topic-card button{margin-top:auto}.controls-container{display:flex;flex-direction:row;justify-content:space-evenly;padding-top:1rem}.control-btn{align-items:center;display:flex;justify-content:center;padding:.5rem;height:3rem;width:3rem}.up-triangle{border-color:transparent transparent #ccc;border-width:0 1rem 1rem;border-style:solid;display:inline-block;margin-top:auto;width:0;height:0}.control-btn .right-triangle{border-color:transparent transparent transparent #ccc;border-width:.5rem 0 .5rem .5rem;border-style:solid;display:inline-block;width:0;height:0}.control-btn .left-triangle{border-color:transparent #ccc transparent transparent;border-width:.5rem .5rem .5rem 0;border-style:solid;display:inline-block;width:0;height:0}.game-over-modal{width:250px;height:350px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#242424;border-radius:10px;z-index:1000}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000}.github-logo{margin-top:auto;max-width:48px;max-height:48px}