.countdown-timer{width:530px;height:260px;font-size:28px;display:flex;flex-direction:column;margin:auto}.countdown-timer span{margin-left:5px;margin-right:5px}.top-component{color:#eaeeff;flex-grow:1;border-top-left-radius:16px;border-top-right-radius:16px;display:flex}.biggerbox,.top-component{background-color:#1b4a9c;justify-content:center;align-items:center}.biggerbox{width:130px;height:130px;display:grid;grid-template-rows:auto auto;margin:15px}.box,.number-boxes{display:flex;justify-content:center}.box{width:56px;height:90px;background-color:#eaeeff;color:#1b4a9c;font-weight:700;margin:5px;align-items:center}.biggerbox-words{grid-row:2;justify-self:center}.bottom-component{background-color:#0a2148;color:#d1a617;flex-grow:1;border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;justify-content:center;align-items:center}@media (max-width:1024px){.countdown-timer{width:330px;height:170px;font-size:19px}.biggerbox{width:80px;height:80px;background-color:#1b4a9c;display:grid;grid-template-rows:auto auto;margin:7px}.box{width:35px;height:50px;background-color:#eaeeff;color:#1b4a9c;font-weight:700;margin:5px}}.navbar{width:100%;height:4.5rem;background-color:#0a2148;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.navbarLogo{width:50px;height:50px;@media (max-width:430px){width:30px;height:30px}}.nav-links,.navbar-container{display:flex;align-items:center}.nav-links{flex-direction:row}.nav-item{margin-left:10%;white-space:nowrap;font-size:1rem;color:#fff;cursor:pointer;position:relative;width:100%;@media (max-width:430px){font-size:.6rem;margin-left:5%}}.nav-item:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:2px;background-color:transparent;transition:background-color .3s ease}.nav-item:hover:after{background-color:#fff}.social-links{display:flex;align-items:center;gap:10px}.igLogo{width:50px;@media (max-width:430px){width:25px}}.contact-button{border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem;color:#fff;background-color:#1e86ff;cursor:pointer;transition:background-color .3s ease;@media (max-width:430px){font-size:.6rem;padding-left:.5rem;padding-bottom:.2rem;padding-right:.5rem;padding-top:.2rem}}.contact-button:hover{background-color:#1258c5}.footerContainer{width:100%;height:150px;display:flex;flex-direction:row;padding:20px 80px;background-color:#0a2148;justify-content:space-between;align-items:center;@media (max-width:430px){padding-left:40px;padding-bottom:10px;padding-right:40px;padding-top:10px}}.redirectFlex{display:flex;flex-direction:column;gap:10px}.linkText{font-size:16px;font-weight:700;color:#eaeeff;@media (max-width:430px){font-size:12px}}.logoContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;flex:1;@media (max-width:430px){gap:4px}}.logo{width:100px;@media (max-width:430px){width:80px}}.copyrightText{font-size:12px;font-weight:lighter;color:#eaeeff;@media (max-width:430px){font-size:8px}}.instaContainer{flex:0 0 auto}.insta{@media (max-width:430px){width:30px}width:40px}.about-container{padding-top:64px;padding-bottom:64px;width:100%;background-color:#eaeeff}.about{align-items:center}.about,.about-mission-vision{display:flex;justify-content:space-between;flex-wrap:wrap}.about-mission-vision{align-items:flex-start;padding-top:20px}.about-image{flex:1;margin-top:3.5%;overflow:hidden;display:flex;justify-content:center}.about-content,.about-mission,.about-story,.about-vision{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.about-content p{font-size:16px;line-height:1.5;color:#0a2148;margin-left:20px;margin-right:20px}.about-mission h3,.about-story h3,.about-vision h3{font-size:32px;font-weight:600;margin-bottom:15px;color:#0a2148}@media screen and (max-width:768px){.about-container{padding-top:0;padding-bottom:24px}.about{flex-direction:column}.about-image{padding-right:2px;margin-top:0}.about-mission-vision{flex-direction:column}p{font-size:16px}.about-content,.about-mission{padding-top:30px}}.root{height:100%}.topContainer{background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;border-radius:8px 8px 0 0;height:100%}.bottomContainer,.topContainer{max-width:30vw;padding:5px 10px}.bottomContainer{background-color:#1b4a9c;border-radius:0 0 8px 8px}.homepageHomeTeam{flex-direction:column}.homepageAwayTeam,.homepageHomeTeam{display:flex;align-items:center;justify-content:center;padding:0 10px;gap:5px;min-width:33%}.homepageAwayTeam{flex-direction:column-reverse}.homepageTeamName{font-weight:700;font-size:12px;text-align:center;color:#000}.homepageMatchDetails{display:flex;flex-direction:column;justify-content:center;min-width:33%}.homepageDate{font-size:12px}.homepageDate,.homepageTime{text-align:center;color:#000}.homepageTime{border:1px solid #000;font-size:16px;font-weight:700;width:70%;align-self:center}.homepageLocationContainer{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.homepageYoutubeLogo{height:16px;width:16px;align-self:center}.homepageLocation{text-align:center;align-self:center;font-size:12px;color:#fff}@media (max-width:1024px){.bottomContainer,.topContainer{width:500px;max-width:500px}}@media (max-width:430px){.bottomContainer,.topContainer{max-width:340px}}.timerBlock{top:50%;left:50%;transform:translateY(-50%);z-index:1}.fixturesContainer{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:40px;padding:10px 30px;background-color:#eaeeff;transform:translateY(-40%)}.fixtureCard{padding:0 2%;height:100%}body{background-color:#eaeeff!important}@media (max-width:1024px){.timerBlock{transform:translateY(-30%)}.fixturesContainer{flex-direction:column;padding:0 30px;transform:translateY(-5%)}}.contact{background:#eaeeff;padding:60px 75px 80px 60px}.contact h2{font-size:42px;font-weight:700;margin-bottom:10px;margin-top:10px;color:#0a2148}.contact h3{font-size:22px;color:#0a2148;margin-bottom:20px}.contact form input,.contact form textarea{width:100%;background:hsla(0,0%,100%,.1);border:1px solid #0a2148;border-radius:20px;color:#fff;margin:0 0 8px;padding:18px 26px;font-weight:500;font-size:18px;letter-spacing:.8px;transition:.3s ease-in-out}.contact form input:focus,.contact form textarea:focus{background:hsla(0,0%,100%,.932);color:#121212}.contact form input::-moz-placeholder,.contact form textarea::-moz-placeholder{font-size:16px;font-weight:400;color:#0a2148}.contact form input::placeholder,.contact form textarea::placeholder{font-size:16px;font-weight:400;color:#0a2148}.contact form input:focus::-moz-placeholder,.contact form textarea:focus::-moz-placeholder{color:#121212;opacity:.8}.contact form input:focus::placeholder,.contact form textarea:focus::placeholder{color:#121212;opacity:.8}.contact form button{font-weight:700;color:#fff;background-color:#1a4b9c;padding:14px 48px;font-size:18px;margin-top:25px;border-radius:20px;position:relative;transition:.3s ease-in-out}.contact form button span{z-index:1;position:relative}.contact form button:hover{color:#1b4a9c}.contact form button:before{content:"";background:#fff;border-radius:20px;width:0;height:100%;position:absolute;top:0;left:0;z-index:0;transition:.3s ease-in-out}.contact form button:hover:before{width:100%}@media screen and (max-width:768px){.contact{background:#eaeeff;padding:20px 50px 40px}}.container{width:420px;height:250px;background-color:#0a2148;border-radius:14px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center}.image{width:200px;height:210px}.text-container{padding-left:10px}.text{color:#fff}@media (max-width:1024px){.container{width:360px}.image{width:150px;height:158px}}.pageRoot{padding:28px 48px;background-color:#eaeeff}.labelFont{font-size:30px;line-height:38px;font-weight:700;text-align:center;padding:20px 0}.outerContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;justify-items:center;@media (max-width:1360px){grid-template-columns:repeat(2,1fr)}@media (max-width:910px){grid-template-columns:repeat(1,1fr)}}.playerCardContainer{padding-bottom:20px}.footer{margin-top:auto}@media (max-width:1024px){.pageRoot{padding:15px 10px}}.chipContainer{display:flex;flex-direction:row;width:90%;margin:auto;padding-bottom:20px}.chipSelected{background-color:#1b4a9c;color:#fff;@media (max-width:430px){font-size:12px}}.chip,.chipSelected{font-weight:600;width:100%;text-align:center;font-size:16px}.chip{color:#1b4a9c;background-color:#fff;@media (max-width:430px){font-size:12px}}.chip:hover{background-color:#adb5d8;color:#1b4a9c}