@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css";*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none;padding:0;margin:0}a{text-decoration:none;color:inherit}body{font-family:Open Sans,sans-serif;color:#21509a}header{display:flex;flex-direction:column;align-items:center;padding:1rem;box-shadow:4px 10px 26px 4px #a4a4a440}header>h2{text-align:center}.euro-logo-container{width:360px}.euro-logo-container img{width:100%;height:100%}main{margin:3rem}main h2{margin-top:2rem;margin-bottom:.5rem;text-align:center}footer{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem 2rem;box-shadow:4px -10px 26px 4px #a4a4a440}.footer-main{width:40%;display:flex;justify-content:space-between;align-items:center}.footer-logo img{width:200px}.footer-social-links{display:flex;font-size:30px;gap:12px}.fa-github{color:#000}.fa-facebook{color:#1877f2}.fa-linkedin{color:#0077b5}.footer-bottom{padding-top:.5rem;font-size:14px;font-weight:600}.group-results-container{display:flex;justify-content:center}.matches-container{display:flex;flex-direction:column}.group-results-card{display:flex;flex-direction:column;align-items:center}.final-results-container{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;width:70%}.match-result-card{display:flex;width:220px;justify-content:space-between;align-items:center;gap:2rem;font-size:17px;font-family:PT Sans Narrow;padding:.5rem;margin:.5rem;background-color:#eceeef;border:1px solid #b7bdc7;border-radius:6px;box-shadow:0 4px 8px #3a3a3a40}.match-result-card:hover{background-color:#b9d2fd}.match-results-right{display:flex;width:50px;align-items:center;justify-content:space-between;gap:1rem}.match-info{width:10px}.country-flag-container{display:flex;width:24px;height:18px}.country-flag{width:100%;height:100%;border-radius:3px;border:1px solid #6f7379}.team-container{display:flex;gap:6px;justify-content:flex-start;align-items:center}.match-teams{display:flex;flex-direction:column;gap:12px}.match-result{display:flex;flex-direction:column;align-items:center;gap:12px;justify-content:space-between;font-family:Open Sans;font-size:14px;font-weight:800}.match-info{text-align:center;font-size:12px}.match-details-section{display:flex;flex-direction:column;align-items:center}.match-details-header{display:flex;justify-content:center;gap:16rem}.match-details-result-big{display:flex;justify-content:center;align-items:center;gap:8rem;margin:2rem 1rem 1rem;font-size:2.5rem}.country-flag-container-big{display:flex;width:72px;height:54px}.country-flag-big{width:100%;height:100%;border-radius:4px;border:1px solid #6f7379}.team-container-big{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center}.match-result-big{font-size:4rem;font-weight:600}.teams-lineup-section{display:flex;gap:10rem;justify-content:space-between}.fields-section{display:flex;flex-direction:column;gap:2rem;align-items:center}.team-lineup-container{position:relative;display:flex;flex-direction:column;width:350px;height:500px;background-color:green;margin-top:2rem;border:2px solid black;border-radius:6px;box-shadow:8px 1px 16px 8px #3a3a3a40}.team-lineup-top-field{height:50%;margin:1rem 1rem 0;border:2px solid white;border-bottom:1px solid white}.team-lineup-bottom-field{height:50%;margin:0 1rem 1rem;border:2px solid white;border-top:1px solid white}.team-lineup-center{position:absolute;width:100px;height:100px;border:2px solid white;border-radius:100px;top:50%;left:50%;transform:translate(-50%,-50%)}.team-lineup-goal-top{position:absolute;width:160px;height:70px;border:2px solid white;top:1rem;left:50%;transform:translate(-50%)}.team-lineup-goal-bottom{position:absolute;width:160px;height:70px;border:2px solid white;bottom:1rem;left:50%;transform:translate(-50%)}.substitutes-table{text-align:center;font-weight:600;padding:1rem}.substitutes{display:flex;flex-direction:column;align-items:center}.forwards,.midfielders,.defenders,.goalkeepers{position:absolute;color:#fff;font-size:11px;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:10px;width:85%}.forwards{top:20%;left:50%;transform:translate(-50%,-50%)}.midfielders{top:45%;left:50%;transform:translate(-50%,-50%)}.defenders{top:72%;left:50%;transform:translate(-50%,-50%)}.goalkeepers{top:95%;left:50%;transform:translate(-50%,-50%)}.forward-player,.midfielder-player,.defender-player,.goalkeeper-player{display:flex;flex-direction:column;align-items:center}.tshirt-container{width:30px;position:relative}.tshirt-container img{width:100%}.player-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.team-details-section{display:flex;flex-direction:column;align-items:center}.team-details-section h3{margin-top:1rem}.team-details-header{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:2rem;font-weight:600}.roster-table{width:600px;text-align:center;font-weight:600;padding:1rem;background-color:#eceeef;border:2px solid #b7bdc7;border-radius:6px;box-shadow:0 4px 8px #3a3a3a40}table th{font-size:1.2rem;padding:.25rem}table td{padding:.25rem}.position{display:flex;justify-content:center}.position div{width:32px;height:24px;padding:.2rem;border-radius:6px;color:#fff;font-size:.8rem}.gk{width:32px;height:24px;padding:.2rem;border-radius:6px;color:#fff;font-size:.8rem;background-color:#6a6a6a}.df{width:32px;height:24px;padding:.2rem;border-radius:6px;color:#fff;font-size:.8rem;background-color:#fd4e4e}.mf{width:32px;height:24px;padding:.2rem;border-radius:6px;color:#fff;font-size:.8rem;background-color:#4e70a5}.fw{width:32px;height:24px;padding:.2rem;border-radius:6px;color:#fff;font-size:.8rem;background-color:#58aa58}.not-found-contaienr{display:flex;flex-direction:column;align-items:center}.goal-image-container{width:30%}.goal-image-container img{width:100%}@media (max-width: 1600px){main{display:flex;flex-direction:column;align-items:center}.group-results-container{display:flex;flex-wrap:wrap;width:70%}}@media (max-width: 1000px){.match-details-header{gap:8rem}.match-details-result-big,.teams-lineup-section{gap:2rem}}@media (max-width: 800px){.group-results-container{width:100%}.match-details-header{gap:4rem}.match-details-result-big{gap:1rem;margin:2rem .5rem 1rem;font-size:1.8rem;font-weight:600}.match-result-big{font-size:3rem;font-weight:600}.teams-lineup-section{flex-wrap:wrap;justify-content:center}.roster-table{width:500px}.team-details-header{font-size:1.4rem}.footer-main{width:100%}}@media (max-width: 600px){.match-details-header{gap:1rem}.match-details-result-big{gap:1rem;margin:1rem 0;font-size:1.3rem;font-weight:600}.match-result-big{font-size:1.8rem;font-weight:600}.teams-lineup-section{flex-wrap:wrap;justify-content:center}.roster-table{width:400px}.footer-bottom p{text-align:center}}@media (max-width: 400px){.match-details-header{font-size:.9rem;gap:1rem}.match-details-result-big{gap:1rem;margin:1rem 0;font-size:1.2rem;font-weight:600}.match-result-big{font-size:1.6rem;font-weight:600}.teams-lineup-section{flex-wrap:wrap;justify-content:center}.roster-table{width:350px}}