body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.App{background-color:#d7d6d6}.page-container{display:flex;height:auto;justify-content:center;margin:2rem 4rem;min-height:73vh}.page-heading{background:linear-gradient(90deg,#50b3e0 0,#388dd3);color:#fff;margin:1.5rem 0;padding:3rem;text-align:center;width:100%}.page-title{font-size:clamp(2rem,4vw,10rem)}@media(max-width:768px){.page-container{margin:2rem;min-height:78vh}}@media(max-width:550px){.page-container{margin:1rem 2rem;min-height:81vh}.page-heading{padding:3rem 0}}.navbar{background-color:#50b3e0;display:flex;height:7vh;justify-content:space-between;padding:1.5rem 1rem;width:100%}.nav-logo,.navbar{align-items:center}.nav-logo{height:6vh}.nav-items{align-items:center;display:flex;font-size:clamp(1rem,4vw,2rem);gap:1rem;height:100%;list-style:none;padding:1rem}.nav-items a{color:#000;justify-content:center;text-decoration:none}.nav-items a:hover{color:#fff;cursor:pointer}.hamburger{cursor:pointer;display:none}.bar{background-color:#000;display:block;height:.25rem;margin:.3rem auto;transition:all .3s ease-in-out;width:1.75rem}@media(max-width:768px){.hamburger{align-content:center;background-color:#388dd3;border-radius:10px;display:block;padding:.3rem;position:relative}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(.55rem) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-.55rem) rotate(-45deg)}.nav-items{align-items:center;background-color:#3099e9f7;flex-direction:column;font-size:2rem;gap:1rem;height:auto;position:fixed;right:-100%;text-align:center;top:7vh;transition:.3s;width:100%;z-index:11}.nav-items.active{right:0}}.footer{background-color:#000;color:#fff;height:10vh;text-align:center}.footer,.footer-items{align-items:center;display:flex;justify-content:center}.footer-items{font-size:clamp(2rem,3vw,3rem);gap:2rem;list-style:none}.home-image-container{align-items:center;display:flex;justify-content:center;width:50%}.home-image-container img{width:75%}.login-container{align-items:center;display:flex;justify-content:center;width:50%}.login-container h1{font-size:clamp(2rem,3vw,4rem);text-align:center}.login-container form{align-items:center;background-color:#cacaca;border:2px solid #000;border-radius:20px;box-shadow:2px 2px 10px #00000080;display:flex;flex-direction:column;gap:3rem;justify-content:center;padding:1rem;width:80%}.login-container p{font-size:clamp(1rem,2vw,2rem);text-align:center}.login-container input{border:2px solid #000;border-radius:10px;font-size:clamp(1rem,2vw,4rem);padding:.5rem;text-align:center;width:90%}.password-wrapper{align-items:center;display:flex;justify-content:center;position:relative;width:100%}.password-wrapper input{padding-right:3rem}.show-password-icon{background-color:#fff;border:none;display:flex;position:absolute;right:5rem}.login-button{background-color:#aeabab;border:2px solid #000;border-radius:10px;font-size:clamp(1rem,3vw,5rem);padding:.5rem;width:40%}.login-button:hover{background-color:grey;color:#fff;cursor:pointer}.failed-login{background-color:#ce7474;border:3px solid #331919;border-radius:15px;font-size:clamp(1rem,3vw,3rem);padding:.75rem}.link-to-register{font-size:clamp(1rem,2vw,2.5rem)}.session-expired-message{background-color:orange;border:2px solid #000;border-radius:20px;font-size:clamp(1rem,2vw,3rem);margin:1rem;padding:1rem;position:absolute;text-align:center;width:80%}@media(max-width:1500px){.show-password-icon{right:3rem}}@media(max-width:1350px){.login-container form{gap:1.5rem}.show-password-icon svg{height:30px;width:30px}}@media(max-width:1000px){.login-container form,.login-container input{width:100%}.show-password-icon{right:1rem}.show-password-icon svg{height:30px;width:30px}}@media(max-width:768px){.home-image-container,.home-image-container img{display:none}.login-container{width:100%}.login-container form{width:85%}.login-container h1{font-size:clamp(2rem,10vw,4rem);text-align:center}}.register-image-container{align-items:center;display:flex;justify-content:center;width:50%}.register-image-container img{width:75%}.register-container{align-items:center;display:flex;justify-content:center;width:50%}.register-container h1{font-size:clamp(2rem,3vw,4rem);text-align:center}.register-container form{align-items:center;background-color:#cacaca;border:2px solid #000;border-radius:20px;box-shadow:2px 2px 10px #00000080;display:flex;flex-direction:column;gap:3rem;justify-content:center;padding:2rem;width:80%}.register-container input{border:2px solid #000;border-radius:10px;font-size:clamp(1rem,3vw,4rem);padding:.5rem;text-align:center;width:90%}.register-button{background-color:#aeabab;border:2px solid #000;border-radius:10px;font-size:clamp(1rem,3vw,5rem);padding:.5rem;width:60%}.register-button:hover{background-color:grey;color:#fff;cursor:pointer}.failed-registration{background-color:#ce7474}.failed-registration,.registration-ok{border:3px solid #331919;border-radius:15px;font-size:clamp(1rem,3vw,3rem);padding:.75rem}.registration-ok{background-color:#80f280}.link-to-signin{font-size:clamp(1rem,2vw,2.5rem);text-align:center}@media(max-width:1350px){.register-container form{gap:1.5rem;width:100%}}@media(max-width:1000px){.register-container input{width:100%}}@media(max-width:768px){.register-image-container,.register-image-container img{display:none}.register-container{width:100%}.register-container h1{font-size:clamp(2rem,10vw,4rem);text-align:center}}.profile-container{text-align:center}.details-container h2{font-size:clamp(2rem,3vw,6rem);margin:clamp(1.5rem,3vw,3rem)}.actions-container{display:flex;gap:3rem;justify-content:space-evenly}.create-league-container,.join-league-container{background-color:#bcbaba;border-radius:25px;box-shadow:4px 3px 5px #000c;display:flex;flex-direction:column;padding:3rem;width:50%}.create-league-form,.join-league-form{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:space-evenly}.create-league-form h3,.join-league-form h3{align-content:center;font-size:clamp(1.5rem,3vw,3rem);min-height:3.3rem}.create-league-form p,.join-league-form p{align-content:center;font-size:clamp(1rem,3vw,2.5rem);min-height:12rem}.create-league-input,.join-league-input{border-radius:20px;font-size:clamp(1.5rem,3vw,3rem);max-width:35rem;text-align:center;width:100%}.create-league-button,.join-league-button{border:3px solid #000;border-radius:20px;font-size:clamp(1rem,2vw,2rem);padding:1rem}.create-league-button:hover,.join-league-button:hover{background-color:grey;cursor:pointer}.create-league-success,.join-league-success{background-color:#a0f7a0}.create-league-failure,.create-league-success,.join-league-failure,.join-league-success{border:3px solid #000;border-radius:20px;font-size:clamp(1rem,3vw,3rem);margin:1rem 0;padding:1rem}.create-league-failure,.join-league-failure{background-color:#ec8383}.leagues-container{margin-top:2rem;position:relative;width:100%}.leagues-container h3{font-size:clamp(2rem,3vw,7rem)}.leagues-table{border:4px solid #000;border-collapse:collapse;font-size:clamp(.75rem,3vw,5rem);margin:1rem 0;width:100%}.leagues-table th,td{padding:.5rem}.leagues-table tr:nth-child(odd){background-color:#dadada}.leagues-table tr:nth-child(2n){background-color:#c8c5c5}#leagues-table-head tr{background-color:#7b7979}.leave-league-button{font-size:clamp(1rem,3vw,3rem);padding:.5rem}.leave-league-button:hover{background-color:#9e9c9c;cursor:pointer}.leave-league-warning{background-color:#50b3e0;border:3px solid #000;box-shadow:4px 3px 5px #000c;display:flex;flex-direction:column;left:50%;padding:3rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:11}.leave-league-warning p{font-size:clamp(1rem,3vw,2rem)}.leave-league-button-container{display:flex;gap:2rem;justify-content:center;margin:2rem}.leave-league-button-container button{border:2px solid #000;font-size:clamp(1rem,3vw,3rem);padding:.5rem}.leave-league-button-container button:hover{background-color:#9e9c9c;cursor:pointer}.close-button{font-size:clamp(1rem,3vw,3rem);margin-top:1rem}@media(max-width:767px){.actions-container{align-items:center;flex-direction:column}.create-league-container,.join-league-container{padding:3rem 1rem;width:90%}.create-league-input,.join-league-input{max-width:20rem}.create-league-form,.join-league-form{gap:1.5rem}.create-league-form h3,.join-league-form h3{font-size:clamp(1.5rem,3vw,3rem);min-height:0}.create-league-form p,.join-league-form p{align-content:center;font-size:clamp(1rem,3vw,2.5rem);min-height:0}}@media(max-width:575px){.actions-container{align-items:center;flex-direction:column}.create-league-container,.join-league-container{padding:2rem 1rem;width:95%}}@media(max-width:350px){.leagues-table th,td{padding:0}.create-league-container,.join-league-container{padding:2rem .5rem}}.submit-container{align-items:center;display:flex;flex-direction:column;min-height:79vh;text-align:center;width:100%}.submit-form{background-color:#bcbaba;border-radius:25px;gap:3rem;width:50%}.submit-form,.update-score-warning{box-shadow:4px 3px 5px #000c;display:flex;flex-direction:column;padding:3rem}.update-score-warning{background-color:#50b3e0;border:3px solid #000;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:11}.update-score-warning p{font-size:clamp(1rem,3vw,2rem)}.update-score-button-container{display:flex;gap:2rem;justify-content:center;margin:2rem}.update-score-button-container button{border:2px solid #000;font-size:clamp(1rem,3vw,3rem);padding:.5rem}.update-score-button-container button:hover{background-color:#9e9c9c;cursor:pointer}.submission-week,.submit-form-label{font-size:clamp(1.5rem,3vw,3rem)}.submit-input-container{align-items:center;display:flex;gap:2rem}.submit-input-container input{border-radius:20px;font-size:clamp(1.5rem,2vw,2.5rem);max-height:3rem;padding:.5rem;text-align:center;width:clamp(5rem,20vw,10rem)}.button-container{align-items:center;display:flex;flex-direction:column}.score-submit-button{border:3px solid #000;border-radius:20px;font-size:clamp(1.5rem,3vw,3rem);width:40%}.score-submit-button:hover{background-color:grey;cursor:pointer}.error-response{background-color:#ec8383}.error-response,.successful-response-message{border:3px solid #000;border-radius:20px;font-size:clamp(1rem,3vw,3rem);margin:1rem 0;padding:1rem}.successful-response-message{background-color:#97f3a4}@media(max-width:1851px){.submit-form{width:60%}}@media(max-width:1403px){.submit-form{width:80%}}@media(max-width:856px){.submit-form{width:100%}.score-submit-button{padding:.5rem 0}}@media(max-width:584px){.submit-form{gap:2rem}.submit-input-container{flex-direction:column;gap:1rem}.score-submit-button{width:60%}}@media(max-width:856px){.score-submit-button{width:75%}}.leaderboard-container{align-content:center;align-items:center;display:flex;flex-direction:column;min-height:78vh;width:100%}.leaderboard-and-highscore{display:flex;gap:2rem}.dropdown-and-table-container{align-items:center;display:flex;flex-direction:column;width:100%}.dropdown-container{display:flex;gap:1rem;justify-content:center;max-width:100%;position:relative;width:100%}.dropdown{font-size:clamp(1rem,3vw,2rem);width:auto}.leaderboard-table{border:3px solid #000;border-collapse:collapse;margin-top:2rem;position:relative;width:100%}.leaderboard-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.leaderboard-table-head tr{background-color:grey;text-align:left}.leaderboard-table th,td{padding:1rem}.leaderboard-table tr:nth-child(odd){background-color:#dadada}.leaderboard-table tr:nth-child(2n){background-color:#c8c5c5}#leaderboard-table-head tr{background-color:#7b7979}.join-league-warning{font-size:clamp(1rem,2vw,3rem);padding:2rem;text-align:center}.highscore-container{align-items:center;background-color:#fff;border:3px solid #000;box-shadow:2px 2px 15px #00000080;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-height:14rem;padding:2rem;position:relative;top:4.5rem}.highscore-container h2{font-size:clamp(1rem,2vw,2rem);text-align:center}.highscore-container h3{font-size:clamp(1rem,3vw,2rem)}.highscore-container .highscore-week{text-align:center}.highscore-score{color:red;font-size:clamp(1rem,3vw,3rem)}@media(max-width:990px){.highscore-container{padding:0}}@media(max-width:767px){.leaderboard-and-highscore{flex-direction:column}.leaderboard-table{width:100%}.highscore-container{padding:1rem;top:1rem}.table-container{margin:2rem 0;width:100%}}@media (max-width:450px){.leaderboard-and-highscore,.leaderboard-table{width:100%}.leaderboard-table th,td{padding:.8rem}.highscore-container{gap:1rem;margin-bottom:1rem}}@media (max-width:406px){.dropdown-container{flex-direction:column}.dropdown{text-align:center}}
/*# sourceMappingURL=main.6350cdda.css.map*/