*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;background:#222130;overflow-x:hidden}a{text-decoration:none}.container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;column-gap:0;place-items:center;padding:3rem 0;padding-top:18vh}.matchCard{width:80%;height:15rem;padding:1rem 2rem;background:linear-gradient(to right,#84c3dc,#7ce2fa);color:#000;box-shadow:.1rem .1rem 2rem #7ce3fa9f;border:2px solid white;border-radius:.5rem;display:flex;flex-direction:column;justify-content:space-around}.matchCard h3{text-align:left}.matchCard .teamWithScore{width:100%;display:flex;justify-content:space-between;align-items:center}img{height:2.3rem}.matchCard .teamWithScore>div{display:flex;gap:.6rem;align-items:center}.toggleTeam{display:flex}.matchDetails{color:#fff;height:fit-content;display:flex;justify-content:center;align-items:center;width:60vw;box-shadow:0 0 5rem #7ce3fa9f;flex-direction:column}.matchDetailsCtr{display:flex;flex-direction:column;gap:3rem;justify-content:center;align-items:center;padding:2rem;scale:.8}.match{display:flex;width:50vw;justify-content:space-between;align-items:center}.match>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.toggleTeam{display:flex;flex-direction:column}.toggle{width:100%;display:flex;gap:2rem;justify-content:space-between;align-items:center;scale:.8}.toggle h1,.navbar a{width:20rem;height:4rem;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;border:2px solid white;border-radius:2rem;transition:all .4s ease-in-out;cursor:pointer}.navbar a{width:10rem;height:3rem}.toggle h1.active,.navbar a.active{color:#000;background:#7ce2fa;box-shadow:0 0 .5rem #7ce2fa}.squad{display:flex;width:100%;padding:3rem;flex-direction:column;gap:1rem}.squad>div{display:flex;flex-direction:column}.squad>div>h2:nth-child(2){color:#b8b8b8;font-size:1rem}.navbar{height:13vh;width:100vw;background:#000;border-bottom:2px solid white;box-shadow:0 0 1rem #7ce2fa;display:flex;gap:4rem;justify-content:center;align-items:center;position:fixed}.tablePage{height:100svh;display:flex;justify-content:center;padding-top:15vh}.table{padding:2rem;width:60vw;box-shadow:-3rem 0 5rem -5rem #7ce2fa,3rem 0 5rem -5rem #7ce2fa;display:flex;flex-direction:column;justify-content:center}.row{display:flex;justify-content:space-between;align-content:center;width:100%;padding:.5rem 0rem;color:#fff}.row>div:nth-child(1){display:flex;gap:1rem;justify-content:center;align-items:center}.row>div:nth-child(1)>img{height:1.3rem}.row>div:nth-child(2){display:flex;gap:1rem;width:25%;justify-content:center}.row>div>h4{text-align:right}.match img{height:4rem}@media screen and (max-width:728px){html{font-size:70%}.container{grid-template-columns:repeat(1,1fr)}.matchCard{padding:.5rem 1rem;height:15rem;width:90%}.navbar{gap:1rem;height:10vh}.row>div:nth-child(2){width:50%}.table{height:90vh;width:100vw;box-shadow:none;font-size:100%}.matchDetails{width:100vw;box-shadow:none;overflow-x:hidden}.match{width:100vw}.toggle{scale:.5}.squad{padding-left:11rem}}