@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap);.topbar-container{background-color:#ffd020;box-shadow:0 4px 8px #0003;box-sizing:border-box;padding:12px;position:sticky;top:0;width:100%;z-index:100}.topbar-container nav{display:flex;justify-content:center;width:100%}.topbar-container ul{list_style_type:none;display:flex;gap:24px;justify-content:space-around;margin:0;max-width:500px;padding:0;width:100%}.topbar-container li{display:inline-block}.topbar-container a{align-items:center;border-radius:12px;color:#000;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;padding:8px 16px;text-decoration:none}.topbar-container a:hover{background-color:#ffffff4d;transform:scale(1.05)}.topbar-container li.active a{background-color:#ffffff80;transform:scale(1.05)}.topbar-container svg{height:24px;margin-bottom:4px;width:24px}@media (max-width:600px){.topbar-container{padding:8px 4px}.topbar-container ul{gap:4px}.topbar-container a{font-size:.9rem;padding:6px 8px}.topbar-container svg{height:20px;width:20px}}@media (max-width:360px){.topbar-container a{font-size:.8rem;padding:4px 6px}.topbar-container svg{height:18px;width:18px}}@media (max-height:500px) and (orientation:landscape){.topbar-container{padding:6px}.topbar-container a{flex-direction:row;font-size:.9rem;padding:4px 8px}.topbar-container svg{height:18px;margin-bottom:0;margin-right:6px;width:18px}}.footer-container{background-color:#ffd020;border-top:2px solid #ccc;box-shadow:0 -2px 4px #0000001a;font-weight:500;padding:10px;text-align:center}@media (max-height:500px) and (orientation:landscape){.footer-container{font-size:.8rem;padding:6px}}.loading-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:200px;width:100%}.loading-spinner{animation:spin 1.5s linear infinite;color:#ffd020;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{font-size:1.2rem;font-weight:500;margin-top:16px}body,html{background-color:#98dd4e;box-sizing:border-box;color:#333;font-family:Fredoka,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100%}*,:after,:before{box-sizing:inherit}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.content-wrapper{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;padding:16px;width:100%}img{display:block;height:auto;max-width:100%}button,h1,h2,p,select{margin:.5rem 0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in}.btn,a,select{transition:all .2s ease-in-out}a:focus,button:focus,select:focus{outline:3px solid #f90;outline-offset:2px}:fullscreen{background-color:#000}:-webkit-full-screen{background-color:#000}@media (max-width:360px){.content-wrapper{padding:8px}}
/*# sourceMappingURL=main.c4858327.css.map*/