:root{font-family:Oswald,sans-serif;line-height:1.5;font-weight:400;color:rgba(black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/bg-DIcWGvv7.png);background-size:cover;background-position:center}body{margin:0;padding:50px 0}button{background-color:#77b5fe;border:3px solid rgb(71,151,242);border-radius:3px;color:#fff;padding:7px 15px;box-shadow:2px 1px 5px gray;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deleteBtn{background-color:#e75757;border:2px solid red}button:disabled{background-color:#ede9e9;border:2px solid rgb(150,147,147);color:#000}#root{margin:0 auto;text-align:center}.homePage{display:flex;flex-direction:column;align-items:center;min-height:100vh;max-width:500px;margin:0 auto}.homePage .homePageSection{width:90%;display:flex;flex-direction:column;justify-content:flex-start;gap:30px;flex:1;margin-bottom:20px}.homePage .homePageFooter{width:100%;display:flex;justify-content:space-evenly;align-items:center;gap:20px;padding:20px}.countFrame{perspective:1000px}.countFrame header{display:flex;align-items:center;justify-content:space-between}.countFrame header h2{margin:0;padding:0;max-width:200px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.countFrame header .h2-face{max-width:150px}.countFrame span{margin:0 auto;display:block;width:100%;border:rgb(234,234,234) 1px solid}.countFrame .countFrameSection{display:grid;grid-template-columns:1fr 1fr 1fr;margin:10px 0}.countFrame .countDiv{position:relative;width:min-content;justify-self:center}.countFrame .countNbr{position:absolute;top:0;right:-5px;color:#000;background-color:#fff;font-size:15px;border-radius:20%;padding-left:5px}.countFrame .countFrameFooter{margin:15px 0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:10px;grid-auto-rows:min-content}.countFrame .blockButton{flex:1;background-color:#49b749;border:3px solid green}.countFrame .card{border:3px solid black;display:grid;grid-template-areas:"stack";transform-style:preserve-3d;transition:transform .7s ease-in-out;background-color:#fff}.countFrame .card-face{grid-area:stack;backface-visibility:hidden;padding:10px}.countFrame .card-front{transform:rotateY(0)}.countFrame .card-back,.countFrame .card.flipped{transform:rotateY(180deg)}.countFrame .logoutBtn{background-color:#e75757;border:2px solid red}.addBlock{border:3px solid black;padding:15px 30px}.addBlock .addBlockSection{margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.addBlock .divRadio{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:30px}.addBlock .divRadio input{margin-right:-2px}.addBlock .inputDate{border:black 2px solid;padding:2px 5px;border-radius:5px;margin:20px 0 30px}.addBlock .inputCheckbox{display:flex;justify-content:center;align-items:center;gap:3px;font-size:17px;margin-bottom:20px}.loader{width:80px;height:80px;border-radius:50%;border:8px solid #d1914b;box-sizing:border-box;--c: no-repeat radial-gradient(farthest-side, #d64123 94%, #0000);--b: no-repeat radial-gradient(farthest-side, #000 94%, #0000);background:var(--c) 11px 15px,var(--b) 6px 15px,var(--c) 35px 23px,var(--b) 29px 15px,var(--c) 11px 46px,var(--b) 11px 34px,var(--c) 36px 0px,var(--b) 50px 31px,var(--c) 47px 43px,var(--b) 31px 48px,#f6d353;background-size:15px 15px,6px 6px;animation:l4 3s infinite}@keyframes l4{0%{-webkit-mask:conic-gradient(#0000 0,#000 0)}16.67%{-webkit-mask:conic-gradient(#0000 60deg,#000 0)}33.33%{-webkit-mask:conic-gradient(#0000 120deg,#000 0)}50%{-webkit-mask:conic-gradient(#0000 180deg,#000 0)}66.67%{-webkit-mask:conic-gradient(#0000 240deg,#000 0)}83.33%{-webkit-mask:conic-gradient(#0000 300deg,#000 0)}to{-webkit-mask:conic-gradient(#0000 360deg,#000 0)}}.displayModalLoader{position:fixed;z-index:10000;top:0%;right:0%;height:100%;width:100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#00000040}.displayModalLoader .loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rules{border:3px solid black;width:50%}.rules .divRatio{display:flex;justify-content:center;align-items:center}.rules .divRatio p{margin:5px 0}.scoreBoard{background-color:#ffffffe6;border:3px solid black;padding:5px 10px;height:min-content}.scoreBoard header{display:flex;align-items:center;justify-content:space-between}.scoreBoard header h2{margin:0;padding:0}.scoreBoard span{margin:0 auto 10px;display:block;width:100%;border:rgb(234,234,234) 1px solid}.scoreBoard table{width:100%;border-collapse:collapse;margin:auto;table-layout:fixed}.scoreBoard select{border:black 1px solid;padding:2px 5px;border-radius:5px;font-size:15px}.scoreBoard th,.scoreBoard td{text-align:center;padding:5px 0}.scoreBoard table th:first-child,.scoreBoard table td:first-child{width:25%}.scoreBoard .nameColumn{text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scoreBoard .totalColumn{text-align:right}.scoreBoard tbody{position:relative}.scoreBoard .leaderStreak{position:absolute;top:2px;left:-30px;display:flex;rotate:-15deg}.scoreBoard .leaderStreak .textFire{position:absolute;left:12px;top:9px;font-size:14px}.editTeam{border:3px solid black;padding:15px 30px;height:fit-content}.editTeam section{display:flex;flex-direction:column;gap:30px;margin:20px 0 40px}.editTeam select{border:2px solid black;padding:5px 10px;border-radius:5px;font-size:15px;margin-bottom:20px}.editTeam input{border:2px solid black;padding:5px 10px;border-radius:5px;font-size:15px}.editTeam input:disabled{background-color:#eaeaea}.editTeam .displayBtn{display:flex;justify-content:center;gap:20px}.editTeam .startDate{display:flex;justify-content:flex-start;flex-direction:column;width:100%;text-align:start}.editTeam .displayBlockPoints{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.editTeam .displayBlockPoints input{width:25px}.editTeam .inputPoints{display:flex;justify-content:flex-start;align-items:center;width:100%;text-align:start}.editUser{border:3px solid black;padding:15px 30px}.editUser p{font-size:15px}.editUser .addUserSection{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;margin-bottom:30px}.editUser input{background-color:#f6f6f6;border-radius:5px;border:solid black 2px;padding:5px}.editUser .photoInput{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.deleteBlock{border:3px solid black;padding:15px 30px}.deleteBlock .deleteBlockSection{margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.deleteBlock .divRadio{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:30px}.deleteBlock .divRadio input{margin-right:-2px}.deleteBlock .radioDate{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:7px}.userProfile{border:3px solid black;padding:15px 30px}.userProfile .nameProfile{display:flex;justify-content:center;gap:5px;width:100%}.userProfile .userProfileSection{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px}.userProfile .sectionBlock{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:20px;margin:10px 0;row-gap:20px}.userProfile .countDiv{position:relative;width:min-content;justify-self:center}.userProfile .countNbr{position:absolute;top:0;right:-5px;color:#000;background-color:#fff;font-size:15px;border-radius:20%;padding-left:5px}.userProfile .memberSince{font-size:14px}.userProfile .profilePictureBorder{border:3px solid gold}.news{background-color:#ffffffe6;border:3px solid black;padding:5px 10px;height:min-content}.news header{display:flex;align-items:center;justify-content:space-between}.news header h2{margin:0;padding:0}.news span{margin:0 auto 10px;display:block;width:100%;border:rgb(234,234,234) 1px solid}.news .divNews{text-align:start;margin-bottom:15px;font-family:Arial,Helvetica,sans-serif}.news .divNews .title{font-size:15px;margin:0}.news .divNews .description{font-size:13px;margin:0 0 0 10px;font-weight:100}.loginPage{padding:50px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.loginPage form{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:40px;margin:100px 0 20px}.loginPage p{font-size:12px}.loginPage input{border:2px solid black;padding:10px 15px;border-top:none;border-left:none;width:70%;font-size:15px}.loginPage button{width:200px}.addUser{border:3px solid black;padding:15px 30px;width:70%}.addUser p{font-size:15px}.addUser .addUserSection{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;margin-bottom:20px}.addUser input{background-color:#f6f6f6;font-size:15px;width:80%;padding:5px 10px}.addUser .photoInput{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}dialog::backdrop{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}