html,body{height:100%;margin:0}.container{position:relative;height:100vh;display:flex;flex-direction:column}.top-section{margin-top:125px;margin-right:20px;margin-bottom:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.top-placeholder{width:150px;height:150px;visibility:hidden}.main-body-div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.question-text-container{width:100%;text-align:center}.question-buttons-container{display:flex;gap:20px}.player-count-section{margin-top:50px;margin-right:20px;margin-bottom:70px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.player-count-placeholder{width:150px;height:150px;visibility:hidden}.player-count{height:150px;width:150px;background-color:#ffd100;padding:10px;border:1px solid black;border-radius:5px}@media (max-width: 768px){.main-body-div h1{font-size:8vw}.main-body-div h2{font-size:5vw}.player-count{font-size:3vw}}.black-general-text{color:#202020;font-size:20px;text-align:center;font-weight:700}.page-header{position:fixed;top:0;left:0;background-color:#d6d6d6;width:100%;height:75px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header-logo{margin-left:20px;width:175px;height:30px}.menu-item-container{padding-right:25px}.menu-item-container Button{margin:0 10px}.page-footer{position:fixed;left:0;bottom:0;background-color:#d6d6d6;width:100%;height:50px;margin:0;text-align:center;font-size:12px;display:flex;justify-content:center;align-content:center;flex-direction:column;color:#000}.page-footer>p{margin:0}.student-page{width:100%;height:98vh;display:flex;flex-direction:column;align-self:center;justify-content:center}.form-section{width:70%;display:flex;flex-direction:column;align-self:center;justify-content:center;gap:20px}.modal-title{margin:0 0 2px;padding:0}.mod-background{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;overflow-y:hidden;z-index:100}.mod-box{width:800px;height:800px;border-radius:20px;background-color:#333533;box-shadow:#00000059 0 5px 15px;display:flex;flex-direction:column;align-items:center}.mod-header{margin-top:20px;width:100%;display:flex;align-items:center;justify-content:center}.mod-collage-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mod-collage{width:60%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px}.collage-img{width:100%;height:100%;object-fit:contain}.collage-img:hover{box-shadow:0 0 15px #ffd100}.about-page{width:100%;height:98vh;display:flex;flex-direction:column;align-self:center;justify-content:center}.about-content{width:80%;display:flex;flex-direction:row;gap:20px;align-self:center;justify-content:center}.powerbi-page{width:100%;height:98vh;display:flex;flex-direction:column;align-self:center;justify-content:center}.powerbi-content{width:80%;display:flex;flex-direction:row;gap:20px;align-self:center;justify-content:center}.container{width:100%;height:98vh;display:flex;flex-direction:column;align-self:center;justify-content:center}.reset-button{width:50%;display:flex;flex-direction:column;align-self:center;justify-content:center;gap:20px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#202020;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}