*{color:#fff}#root{width:100vw;max-width:1200px;height:fit-content;margin:0 auto}body{background-color:#0a1a2f;width:100vw;max-width:100vw;margin:0 auto}.container{background-image:url(/assets/border-background-BVuFforX.png)}h1{font-size:2.7rem;font-weight:700}h2{font-size:2.2rem;font-weight:600}h3{font-size:1.7rem;font-weight:600}h4{font-size:1.45rem;font-weight:500}h5{letter-spacing:.05em;font-size:1.2rem;font-weight:500}p{font-size:1.2rem;font-weight:500}@media (width<=1000px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}h5,p,a{font-size:.75rem}}.login-page{background-color:#0a1a2f;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100vh;display:flex}.login-container{border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:40%;height:50%;display:flex}.login-form{background-color:#0a1a2f;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:calc(100% - 10px);height:calc(100% - 10px);display:flex}.login-form input{text-align:center;color:#000;width:60%}.login-form button{color:#000;background-color:#a8ff00;border:none;border-radius:5px;width:fit-content;height:25px}.login-logo-container{flex-direction:column;align-items:center;width:100%;height:150px;display:flex}.login-logo{width:auto;height:150px}@media (width<=1000px){.login-container{width:80%}}.tiers-page{align-items:left;background-color:#0a1a2f;flex-direction:column;justify-content:space-around;width:100%;height:fit-content;display:flex}.tiers-content-container{border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:90%;height:fit-content;margin:100px 5%;display:flex}.tiers-content{text-align:center;background-color:#0a1a2f;border-radius:10px;width:calc(100% - 10px);height:fit-content;margin:5px 0}.tiers-content p{width:90%;margin:15px auto;line-height:1.8}.create-tiers-link{color:#000;background-color:#a8ff00;border:none;border-radius:10px;width:fit-content;height:40px;margin:20px 0}.navbar{z-index:1000;background-color:#142b47;flex-direction:row;justify-content:space-between;align-items:center;width:100vw;height:70px;display:flex;position:fixed;top:0;left:0}.nav-logo{width:auto;height:60px;margin:auto 10px}.logout{color:#000;background-color:#a8ff00;border:none;border-radius:5px;width:fit-content;height:35px;margin:auto 10px}.navbar-even{flex-direction:row;justify-content:space-around;width:150px;height:100%;display:flex}.nav-items{flex-direction:row;justify-content:space-between;width:fit-content;height:100%;padding:0;display:flex}.nav-item{text-align:center;width:125px;height:fit-content;margin:auto 15px;text-decoration:none;list-style-type:none}@media (width<=1000px){.nav-logo{width:auto;height:40px}.nav-item{width:50px}.navbar{height:50px}}.rankings-page{align-items:left;background-color:#0a1a2f;flex-direction:column;justify-content:space-around;width:100%;height:fit-content;display:flex}.rankings-selector-div{flex-direction:row;justify-content:space-between;width:85%;height:fit-content;margin:40px auto;display:flex}.rankings-selector-div div{flex-direction:column;width:fit-content;height:fit-content;display:flex}.rankings-selector-div button{color:#000;background-color:#a8ff00;border:none;border-radius:10px;width:fit-content;height:40px;margin:auto 0}.rankings-selector-div select,.rankings-selector-div option{color:#000;width:200px}.rankings-table-container{border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:85%;height:fit-content;margin:0 auto;display:flex}.rankings-table{border-spacing:10px;border-collapse:separate;background-color:#0a1a2f;border-radius:10px;width:calc(100% - 10px);height:fit-content;margin:5px 0}.rankings-table tr{width:100%}.rankings-table tr td img{width:auto;height:60px}.rankings-table tr td{text-align:center}.rankings-disclaimer{color:#fff;width:85%;margin:100px auto 0}.rankings-disclaimer p{margin:0}.rankings-disclaimer h5{margin:15px 0}.load-rankings{width:85%;margin:auto}@media (width<=1000px){tr img{display:none}}.create-tiers-page{background-color:#0a1a2f;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:fit-content;display:flex}.header-content{flex-direction:row;justify-content:space-between;width:100%;height:fit-content;margin:100px 0 20px;display:flex}.position-selector{flex-direction:column;width:fit-content;height:fit-content;display:flex}.position-selector select{color:#000;width:150px}.position-selector option{color:#000}.content-container{background-color:#0a1a2f;border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:fit-content;margin:0 0 100px;display:flex}.tiers-data-container{text-align:center;border-radius:10px;flex-direction:column;align-items:center;width:66%;height:fit-content;display:flex}.tiers-data{background-color:#0a1a2f;border-radius:10px;flex-direction:column;width:calc(100% - 10px);height:fit-content;margin:5px;display:flex}.players-data{border:4px solid #142b47;border-radius:10px;flex-direction:column;align-self:flex-start;width:30%;height:fit-content;max-height:60vh;margin-bottom:-100vh;display:flex;position:sticky;top:50%;transform:translateY(-50%)}.add-tier{flex-direction:row;justify-content:space-around;display:flex}.add-tier button{color:#000;background-color:#a8ff00;border:none;border-radius:5px;width:fit-content;height:25px;margin:15px 0}.players-data h4{text-align:center;margin:15px 0}.tiers-players{width:100%;height:auto;overflow-y:auto}.tiers-players::-webkit-scrollbar-thumb{background-color:#142b47}.tiers-players::-webkit-scrollbar{width:12px;height:100%}.load-rankings-create{text-align:center;width:100%;height:fit-content;margin:auto 0}.tiers-player{background-color:#0a1a2f;border:2px solid #142b47;border-radius:10px;width:fit-content;height:fit-content;margin:10px auto}.tiers-player p{margin:5px}.tiers{flex-wrap:wrap;gap:2%;width:94%;height:fit-content;margin:0 auto 20px;display:flex}.tier{background-color:#142b47;border-radius:10px;flex-direction:column;align-items:center;width:49%;height:fit-content;margin:10px 0;display:flex}.tier h5{margin:10px 0}.tier-players-container{width:100%;height:fit-content;min-height:300px}.save-tiers{color:#000;background-color:#a8ff00;border:none;border-radius:10px;width:fit-content;height:40px;margin:auto 0}.create-tiers-warning{display:none}@media (width<=900px){.computer{display:none}.create-tiers-warning{text-align:center;width:fit-content;height:fit-content;margin:100px 10%;display:flex}.create-new-tiers-btn{display:none}}.user-tiers-page{align-items:left;background-color:#0a1a2f;flex-direction:column;justify-content:space-around;width:100%;height:fit-content;display:flex}.create-new-container{flex-direction:row;justify-content:space-around;width:100%;height:fit-content;margin-top:100px;display:flex}.create-new-container button{color:#000;background-color:#a8ff00;border:none;border-radius:10px;width:fit-content;height:40px}.user-tiers-container{border-radius:10px;flex-direction:column;align-items:center;width:100%;height:fit-content;margin:30px 0;display:flex}.user-tiers{background-color:#0a1a2f;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:calc(100% - 10px);height:fit-content;margin:5px 0;display:flex}.user-tiers-info{flex-direction:row;justify-content:space-around;width:80%;height:fit-content;display:flex}.user-tiers-info h3{width:fit-content;height:fit-content;margin:30px 0}.user-tiers-info p{width:fit-content;height:fit-content;margin:auto 0}.user-tiers button{color:#000;background-color:#a8ff00;border:none;border-radius:10px;width:fit-content;height:40px;margin:auto 0}.create-tiers-form-container{border-radius:10px;width:30%;height:fit-content;position:fixed;top:30%;left:35%}.create-tiers-form{background-color:#0a1a2f;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:calc(100% - 10px);height:350px;margin:5px;display:flex}.create-tiers-form p{text-align:center;margin:0 5%}.create-tiers-form h2{margin:0}.create-tiers-form select,.create-tiers-form select option{color:#000}.create-tiers-form-buttons{flex-direction:row;justify-content:space-around;width:80%;height:fit-content;margin:0 10%;display:flex}.create-tiers-form-buttons button{color:#000;background-color:#a8ff00;border:none;border-radius:10px;width:fit-content;height:40px;margin:auto 0}.user-tiers-buttons{flex-direction:row;justify-content:space-around;width:30%;margin:20px 0;display:flex}@media (width<=1000px){.create-tiers-form-container{width:80%;left:10%}.user-tiers-buttons{justify-content:space-around;width:90%}.user-tiers-container{width:80%;margin:30px 10%}.user-tiers-info{width:90%}.user-tiers-info p{text-align:center}.submit-btn,.edit-tiers{display:none}}.register-page{background-color:#0a1a2f;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100vh;display:flex}.register-container{border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:40%;height:60%;display:flex}.register-form{background-color:#0a1a2f;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:calc(100% - 10px);height:calc(100% - 10px);display:flex}.register-form input{text-align:center;color:#000;width:60%}.register-form button{color:#000;background-color:#a8ff00;border:none;border-radius:5px;width:fit-content;height:25px}.register-logo-container{flex-direction:column;align-items:center;width:100%;height:150px;display:flex}.register-logo{width:auto;height:150px}.email-confirm-container{border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:40%;height:30%;display:flex;position:fixed;top:35%;right:30%}.email-confirm-form{background-color:#0a1a2f;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:calc(100% - 10px);height:calc(100% - 10px);display:flex}.email-confirm-form h2{margin:10px 0}.email-confirm-form p{text-align:center}.email-confirm-form input{text-align:center;color:#000;width:50%}.email-confirm-form button{color:#000;background-color:#a8ff00;border:none;border-radius:5px;width:fit-content;height:25px;margin-top:10px}@media (width<=1000px){.register-container{width:80%}.email-confirm-container{width:80%;right:10%}}.password-reset-page{background-color:#0a1a2f;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100vh;display:flex}.password-reset-container{border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:40%;height:20%;display:flex}.password-reset-form{background-color:#0a1a2f;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:calc(100% - 10px);height:calc(100% - 10px);display:flex}.password-reset-form input{text-align:center;color:#000;width:50%}.password-reset-form h2{margin:10px 0}.password-reset-form button{color:#000;background-color:#a8ff00;border:none;border-radius:5px;width:fit-content;height:25px;margin-bottom:10px}.password-reset-logo-container{flex-direction:column;align-items:center;width:100%;height:150px;display:flex}.password-reset-logo{width:auto;height:150px}.confirm-container{border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:40%;height:35%;display:flex}.confirm-form{background-color:#0a1a2f;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:calc(100% - 10px);height:calc(100% - 10px);display:flex}.confirm-form h2{margin:10px 0}.confirm-form p{text-align:center}.confirm-form input{text-align:center;color:#000;width:50%}.confirm-form button{color:#000;background-color:#a8ff00;border:none;border-radius:5px;width:fit-content;height:25px;margin-top:10px}.resend{margin-top:5px}@media (width<=1000px){.password-reset-container,.confirm-container{width:80%}}.new-password-page{background-color:#0a1a2f;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100vh;display:flex}.new-password-container{border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:40%;height:40%;display:flex}.new-password-form{background-color:#0a1a2f;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:center;width:calc(100% - 10px);height:calc(100% - 10px);display:flex}.new-password-form input{text-align:center;color:#000;width:50%}.new-password-form button{color:#000;background-color:#a8ff00;border:none;border-radius:5px;width:fit-content;height:25px}.new-password-logo-container{flex-direction:column;align-items:center;width:100%;height:150px;display:flex}.new-password-logo{width:auto;height:150px}@media (width<=1000px){.new-password-container{width:80%}}