*{font-family:Roboto Condensed,sans-serif;margin:0;padding:0}body{background-color:#3a9d23cc}.app{color:#fff;margin:0 auto;max-width:1400px}.header{align-items:center;display:flex;justify-content:space-between;padding:15px 100px}@media (max-width:1024px){.header{padding:15px 50px}}@media (max-width:768px){.header{padding:15px 25px}}@media (max-width:600px){.header{flex-direction:column;gap:25px;justify-content:center;padding:15px 20px}}.header-left-link{color:#fff;text-decoration:none}.header-left-link-title{font-size:28px;font-weight:900;letter-spacing:1px}@media (max-width:768px){.header-left-link-title{font-size:26px}}@media (max-width:600px){.header-left-link-title{font-size:22px}}.header-right-nav-link{background-color:#000;border-radius:10px;box-shadow:0 0 6px #000;color:#fff;letter-spacing:1px;padding:5px 15px;text-decoration:none;transition:all .3s ease-in-out}@media (max-width:768px){.header-right-nav-link{font-size:14px}}.header-right-nav-link:hover{transform:scale(1.05)}.bannerHome{margin-top:50px;padding:0 100px}@media (max-width:1024px){.bannerHome{padding:0 50px}}@media (max-width:768px){.bannerHome{padding:0 25px}}@media (max-width:600px){.bannerHome{padding:0 20px}}.bannerHome-container{align-items:center;display:flex;flex-direction:column;gap:25px}.bannerHome-container-image{border-radius:10px;box-shadow:0 0 6px #fff;height:50%;object-fit:cover;width:40%}@media (max-width:1024px){.bannerHome-container-image{height:70%;width:60%}}@media (max-width:768px){.bannerHome-container-image{height:80%;width:70%}}@media (max-width:600px){.bannerHome-container-image{width:100%}}.bannerHome-container-title{text-align:center;width:70%}@media (max-width:768px){.bannerHome-container-title{font-size:22px}}@media (max-width:600px){.bannerHome-container-title{font-size:20px;width:100%}}.bannerHome-container-link{background-color:#000;border-radius:10px;box-shadow:0 0 6px #000;color:#fff;letter-spacing:1px;padding:10px 20px;text-decoration:none;transition:all .3s ease-in-out}@media (max-width:600px){.bannerHome-container-link{font-size:14px}}.bannerHome-container-link:hover{transform:scale(1.1)}.cards{display:flex;flex-direction:column;gap:50px;margin-top:50px;padding:0 100px}@media (max-width:1024px){.cards{padding:0 50px}}@media (max-width:768px){.cards{gap:25px;padding:0 25px}}@media (max-width:600px){.cards{padding:0 20px}}.cards-row{display:flex;justify-content:space-between}@media (max-width:768px){.cards-row{align-items:center;flex-direction:column;gap:25px}}.cards-row-container{align-items:center;background-color:#3a9d23;border-radius:10px;box-shadow:0 0 6px #fff;display:flex;flex-direction:column;gap:25px;padding:20px;transition:all .3s ease-in-out;width:43%}@media (max-width:768px){.cards-row-container{width:90%}}.cards-row-container:hover{box-shadow:0 0 50px #fff;transform:scale(1.05)}.cards-row-container-image{border-radius:10px;box-shadow:0 0 6px #fff;width:75%}@media (max-width:1024px){.cards-row-container-image{width:95%}}@media (max-width:768px){.cards-row-container-image{height:300px;width:70%}}@media (max-width:600px){.cards-row-container-image{height:250px;width:80%}}@media (max-width:425px){.cards-row-container-image{height:200px;width:100%}}.cards-row-container-title{font-size:23px;font-weight:900;text-decoration:underline}@media (max-width:600px){.cards-row-container-title{font-size:18px}}.cards-row-container-description{letter-spacing:1px;text-align:center}@media (max-width:600px){.cards-row-container-description{font-size:14px}}.footer{background-color:#000;border-radius:10px 10px 0 0;display:flex;margin-top:50px;padding:30px}@media (max-width:768px){.footer{align-items:center;flex-direction:column;gap:20px}}@media (max-width:1024px){.footer{padding:20px}}.footer-left{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;width:33%}@media (max-width:768px){.footer-left{width:100%}}.footer-left-image{height:50px;object-fit:cover}.footer-left-text{font-size:14px;text-align:center}.footer-middle{align-items:end;display:flex;justify-content:center;width:33%}@media (max-width:768px){.footer-middle{width:100%}}.footer-middle-text{text-align:center}.footer-right{display:flex;flex-direction:column;gap:20px;justify-content:center;width:33%}@media (max-width:768px){.footer-right{gap:10px;width:100%}}.footer-right-title{font-size:16px;text-align:center}.footer-right-row{align-items:center;display:flex;gap:10px;justify-content:center}.footer-right-row-link{color:#fff}.footer-right-row-link-logo{height:25px;transition:all .3s ease-in-out;width:25px}.footer-right-row-link-logo:hover{transform:scale(1.1)}.modalContainer{align-items:center;background-color:#3a9d23;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20}.modalContainer-modal{background-color:#fff;border-radius:15px;box-shadow:0 0 6px #000;color:#000;display:flex;flex-direction:column;height:50%;justify-content:space-between;padding:25px;width:40%}@media (max-width:1024px){.modalContainer-modal{width:70%}}@media (max-width:600px){.modalContainer-modal{padding:20px;width:77%}}.modalContainer-modal-top{align-items:center;display:flex;justify-content:flex-end;position:relative}.modalContainer-modal-top-title{text-wrap:nowrap;bottom:-2px;font-size:22px;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}@media (max-width:600px){.modalContainer-modal-top-title{font-size:18px;left:-10px;transform:translateX(0)}}.modalContainer-modal-top-close{cursor:pointer;font-size:22px}@media (max-width:600px){.modalContainer-modal-top-close{font-size:18px}}.modalContainer-modal-middle{align-items:center;display:flex;flex-direction:column;gap:20px}.modalContainer-modal-middle-text{font-size:18px;text-align:center}@media (max-width:600px){.modalContainer-modal-middle-text{font-size:16px}}.modalContainer-modal-middle-bottom{display:flex;flex-direction:column;gap:10px;width:100%}.modalContainer-modal-middle-bottom-label{font-weight:500}@media (max-width:600px){.modalContainer-modal-middle-bottom-label{font-size:14px}}.modalContainer-modal-middle-bottom-select{font-size:16px;height:35px;width:100%}@media (max-width:600px){.modalContainer-modal-middle-bottom-select{font-size:14px;height:25px}}.modalContainer-modal-middle-bottom-select:focus{outline:none}.modalContainer-modal-bottom{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.modalContainer-modal-bottom-danger{color:red}@media (max-width:600px){.modalContainer-modal-bottom-danger{font-size:14px}}.modalContainer-modal-bottom-button{background-color:initial;border:none;border-radius:10px;box-shadow:0 0 8px #3a9d23;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease-in-out;width:100%}@media (max-width:600px){.modalContainer-modal-bottom-button{font-size:14px;padding:5px 15px}}.modalContainer-modal-bottom-button:hover{background-color:#3a9d23;color:#fff}.modalContainer-modalMatchInfo{background-color:#fff;border-radius:15px;box-shadow:0 0 6px #000;color:#000;display:flex;flex-direction:column;height:50%;justify-content:space-between;padding:25px;width:68%}@media (max-width:1024px){.modalContainer-modalMatchInfo{height:80%;width:80%}}@media (max-width:600px){.modalContainer-modalMatchInfo{height:90%}}.modalContainer-modalMatchInfo-top{align-items:center;display:flex;justify-content:flex-end;position:relative}.modalContainer-modalMatchInfo-top-title{font-size:22px;left:50%;position:absolute;top:0;transform:translateX(-50%)}@media (max-width:600px){.modalContainer-modalMatchInfo-top-title{text-wrap:nowrap;font-size:16px}}.modalContainer-modalMatchInfo-top-close{cursor:pointer;font-size:22px}@media (max-width:600px){.modalContainer-modalMatchInfo-top-close{font-size:18px}}.modalContainer-modalMatchInfo-middle-content{text-align:center}@media (max-width:600px){.modalContainer-modalMatchInfo-middle-content{font-size:14px}}.modalContainer-modalGameIsFinish{background-color:#fff;border-radius:15px;box-shadow:0 0 6px #000;color:#000;display:flex;flex-direction:column;height:50%;justify-content:space-between;padding:25px;width:60%}@media (max-width:1024px){.modalContainer-modalGameIsFinish{height:65%;width:75%}}@media (max-width:768px){.modalContainer-modalGameIsFinish{height:80%;width:85%}}@media (max-width:600px){.modalContainer-modalGameIsFinish{height:50%;width:75%}}.modalContainer-modalGameIsFinish-top{align-items:center;display:flex;justify-content:center}.modalContainer-modalGameIsFinish-top-title{font-size:22px}@media (max-width:600px){.modalContainer-modalGameIsFinish-top-title{font-size:18px}}.modalContainer-modalGameIsFinish-middle-row{align-items:center;display:flex;gap:10px;justify-content:center}.modalContainer-modalGameIsFinish-middle-row-title{font-size:24px;text-decoration:underline}@media (max-width:600px){.modalContainer-modalGameIsFinish-middle-row-title{font-size:20px}}.modalContainer-modalGameIsFinish-middle-row-value{font-size:30px;font-weight:800}@media (max-width:600px){.modalContainer-modalGameIsFinish-middle-row-value{font-size:24px}}.modalContainer-modalGameIsFinish-bottom{display:flex;gap:20px;justify-content:center}@media (max-width:600px){.modalContainer-modalGameIsFinish-bottom{flex-direction:column}}.modalContainer-modalGameIsFinish-bottom-button{background-color:initial;border:none;border-radius:10px;box-shadow:0 0 8px #3a9d23;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s ease-in-out}@media (max-width:600px){.modalContainer-modalGameIsFinish-bottom-button{font-size:14px}}.modalContainer-modalGameIsFinish-bottom-button:hover{background-color:#3a9d23;color:#fff}.bannerMatch{display:flex;justify-content:center;margin-top:25px;padding:0 100px}@media (max-width:1024px){.bannerMatch{padding:0 50px}}@media (max-width:768px){.bannerMatch{padding:0 25px}}@media (max-width:600px){.bannerMatch{padding:0 20px}}.bannerMatch-container{align-items:center;display:flex;flex-direction:column;gap:5px}.bannerMatch-container-title{font-size:28px;text-align:center}@media (max-width:768px){.bannerMatch-container-title{font-size:24px}}@media (max-width:600px){.bannerMatch-container-title{font-size:22px}}.bannerMatch-container-category{font-size:22px;font-weight:500}@media (max-width:768px){.bannerMatch-container-category{font-size:20px}}@media (max-width:600px){.bannerMatch-container-category{font-size:18px}}.bannerMatch-container-score{font-size:18px}@media (max-width:768px){.bannerMatch-container-score{font-size:16px}}@media (max-width:600px){.bannerMatch-container-score{font-size:14px}}.gameContainer{display:flex;height:678px;justify-content:space-between;margin-top:50px;padding:0 100px}@media (max-width:1024px){.gameContainer{align-items:center;flex-direction:column;gap:25px;height:100%;padding:0 50px}}@media (max-width:600px){.gameContainer{margin-top:25px;padding:0 20px}}.game{display:flex;justify-content:center;position:relative;width:576px}@media (max-width:600px){.game{width:280px}}.game-image{border-radius:10px;box-shadow:0 2px 10px #000;filter:opacity(.5);position:relative;width:80%}@media (max-width:600px){.game-image{height:100%;width:100%}}.game-container{height:100%;position:absolute;top:0;width:80%}.score{background-color:#0000004d;border-radius:10px;box-shadow:0 0 8px #000;display:flex;flex-direction:column;justify-content:space-between;padding:50px 20px;width:35%}@media (max-width:1024px){.score{gap:50px;width:420px}}@media (max-width:600px){.score{width:85%}}.score-top{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.score-top-title{font-size:26px;text-decoration:underline}@media (max-width:600px){.score-top-title{font-size:20px}}.score-top-error{background-color:#ff00001a;border-radius:10px;box-shadow:0 0 6px red;color:red;font-size:18px;padding:10px;text-align:center}@media (max-width:600px){.score-top-error{font-size:16px}}.score-top-firstLetter{background-color:#3a9d23;border-radius:10px;box-shadow:0 0 6px #fff;font-size:18px;padding:10px;text-align:center}@media (max-width:600px){.score-top-firstLetter{font-size:16px}}.score-top-firstLetter-span{color:#000;font-weight:900;padding:5px}.score-value{display:flex;justify-content:center}.score-value-description{font-size:60px}@media (max-width:600px){.score-value-description{font-size:40px}}.score-joker{display:flex;gap:15px;justify-content:center}.score-joker-button{background-color:#fff;border:none;border-radius:10px;color:#000;font-size:18px;padding:10px 20px;transition:all .3s ease-in-out}@media (max-width:600px){.score-joker-button{font-size:14px;padding:10px 15px}}.score-joker-button:hover{background-color:#3a9d23;color:#fff;transform:scale(1.05)}.score-joker-buttonDisabled{display:none}.score-restart{display:flex;gap:15px;justify-content:center}.score-restart-button{background-color:#fff;border:none;border-radius:10px;color:#000;font-size:18px;padding:10px 20px;transition:all .3s ease-in-out}@media (max-width:600px){.score-restart-button{font-size:14px;padding:10px 15px}}.score-restart-button:hover{background-color:#3a9d23;color:#fff;transform:scale(1.05)}.goalKepper-dom{top:20px}.goalKepper-dom,.goalKepper-ext{left:50%;position:absolute;transform:translateX(-50%);z-index:11}.goalKepper-ext{bottom:20px}.player{align-items:center;display:flex;flex-direction:column;width:50px}@media (max-width:600px){.player{width:15px}}.player-image{width:40px}@media (max-width:600px){.player-image{width:20px}}.player-input{background-color:#3a9d2380;border-left:none;border-right:none;border-top:none;padding:2px;width:70px}@media (max-width:600px){.player-input{height:10px;width:30px}}.player-input:focus{background-color:#3a9d23;color:#fff;outline:none}.player-playerName{text-wrap:nowrap;color:#000;font-size:15px;font-weight:900;text-transform:capitalize}@media (max-width:600px){.player-playerName{font-size:12px}}.defenders-dom{display:flex;gap:60px;left:50%;position:absolute;top:85px;transform:translateX(-50%)}@media (max-width:600px){.defenders-dom{gap:50px;top:50px}}.defenders-ext{bottom:85px;display:flex;gap:60px;left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:600px){.defenders-ext{bottom:50px;gap:50px}}.midfielders-dom{top:170px}.midfielders-dom,.midfielders-dom-4231{display:flex;gap:50px;left:50%;position:absolute;transform:translateX(-50%)}.midfielders-dom-4231{position:relative;top:200px}@media (max-width:600px){.midfielders-dom-4231{top:140px}}.midfielders-dom-4231-element:first-child{left:30px;position:absolute}@media (max-width:600px){.midfielders-dom-4231-element:first-child{left:5px}}.midfielders-dom-4231-element:nth-child(2){position:absolute;right:30px}@media (max-width:600px){.midfielders-dom-4231-element:nth-child(2){right:5px}}.midfielders-dom-4231-element:nth-child(3){position:absolute;right:30%;top:-45px}.midfielders-dom-4231-element:nth-child(4){left:30%;position:absolute;top:-45px}.midfielders-dom-4231-element:nth-child(5){left:50%;position:absolute;top:-10px;transform:translate(-50%)}@media (max-width:600px){.midfielders-dom-4231-element:nth-child(5){top:-25px}}.midfielders-dom-433{display:flex;gap:50px;left:50%;position:absolute;top:170px;transform:translateX(-50%)}.midfielders-dom-433-element:first-child{left:-120px;position:absolute;top:20px}.midfielders-dom-433-element:nth-child(2){left:-28px;position:absolute;top:0}.midfielders-dom-433-element:nth-child(3){position:absolute;right:-120px;top:20px}.midfielders-ext{bottom:170px}.midfielders-ext,.midfielders-ext-4231{display:flex;gap:50px;left:50%;position:absolute;transform:translateX(-50%)}.midfielders-ext-4231{bottom:200px;position:relative}.midfielders-ext-4231-element:first-child{left:30px;position:absolute}.midfielders-ext-4231-element:nth-child(2){position:absolute;right:30px}.midfielders-ext-4231-element:nth-child(3){bottom:-45px;position:absolute;right:30%}.midfielders-ext-4231-element:nth-child(4){bottom:-45px;left:30%;position:absolute}.midfielders-ext-4231-element:nth-child(5){bottom:-10px;left:50%;position:absolute;transform:translate(-50%)}.midfielders-ext-433{bottom:170px;display:flex;gap:50px;left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:600px){.midfielders-ext-433{bottom:100px}}.midfielders-ext-433-element:first-child{bottom:20px;left:-120px;position:absolute}@media (max-width:600px){.midfielders-ext-433-element:first-child{left:-80px}}.midfielders-ext-433-element:nth-child(2){bottom:0;position:absolute;transform:translateX(-50%)}.midfielders-ext-433-element:nth-child(3){bottom:20px;position:absolute;right:-120px}@media (max-width:600px){.midfielders-ext-433-element:nth-child(3){right:-80px}}.forwards-dom{display:flex;gap:100px;left:50%;position:absolute;top:260px;transform:translate(-50%)}@media (max-width:600px){.forwards-dom{top:160px}}.forwards-ext{bottom:260px;display:flex;gap:100px;left:50%;position:absolute;transform:translate(-50%)}@media (max-width:600px){.forwards-ext{bottom:150px}}
/*# sourceMappingURL=main.d8d745fa.css.map*/