*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;width:100%}#root{min-height:100%;flex-direction:column;width:100%}#root,.App{display:flex}.App{position:relative;min-height:100vh;flex:1 0 auto;flex-direction:column;z-index:1;padding-top:76px}.App.app-home{padding-top:108px}.main-content{flex:1 0 auto;display:flex;flex-direction:column;align-items:stretch;padding:20px;position:relative;z-index:2}@keyframes float{0%{transform:translate(0) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(var(--tx),var(--ty)) rotate(1turn);opacity:0}}.footer{width:100%;background-color:white;padding:10px 0;z-index:1;box-sizing:border-box;margin-top:auto}.footer ul{display:flex;flex-wrap:wrap;justify-content:center;list-style-type:none;margin:0;padding:0}.footer li{margin:5px 10px}.footer a{text-decoration:none;color:#333}.footer-bottom{text-align:center;margin-top:10px}.production-credit{color:#8f8992;font-size:.8em}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}.data-page{padding-top:20px;min-height:calc(100vh - 120px)}.page-title{margin-bottom:20px;font-family:var(--page-title)}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(33.333% - 20px),1fr));gap:20px;width:100%;padding:20px}.topic-item{background-color:#f0f0f0;padding:15px;border-radius:5px;text-align:center;text-decoration:none;color:#333;transition:background-color .3s}.topic-item:hover{background-color:#e0e0e0}.questions-container{margin-left:50px}@media (max-width:768px){.App{padding-top:72px}.App.app-home{padding-top:104px}.main-content,.topic-grid{padding:10px}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(calc(50% - 20px),1fr));gap:10px}.footer ul{flex-direction:column;align-items:center}.footer li{margin:5px 0}.questions-container{text-align:center;padding-bottom:25px;margin-left:0}}@media (max-width:480px){.App{padding-top:70px}.App.app-home{padding-top:100px}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.footer{padding:10px}.questions-container{text-align:center;padding-bottom:25px;margin-left:0}}