.game{display:grid;height:90px;grid-template-columns:1fr auto 1fr;background-color:#fff;gap:10px;border-radius:15px;padding:15px;justify-content:space-between;justify-items:center;border:1px solid #e2e8f0}.game__team{display:flex;flex-direction:column;justify-content:center;text-align:center;gap:5px;font-size:large;font-weight:700;max-width:140px}.game__team__image{height:60px;aspect-ratio:1/1}.game__team__image img{height:100%}.game--hasnt-started__status{display:flex;flex-direction:column;align-self:center;justify-self:center;gap:10px}.game--hasnt-started__status__time{font-size:xx-large;font-weight:bolder;text-align:center}.game--hasnt-started__status__date{font-size:medium;font-weight:400}.game--has-started{display:flex;flex-direction:column;align-self:center;justify-self:center;align-items:center;justify-content:center}.game--has-started__scores{display:flex;font-size:xx-large;font-weight:bolder;flex-direction:row;justify-content:center;gap:12px}.divider{width:fit-content}.game--has-started__scores--loser{color:#706565}.game--has-started__status{font-size:medium;font-weight:400}@media (max-width: 500px){.game--has-started__scores{font-size:x-large}}body{margin:0;overflow-x:hidden}p{margin:0}.home-page{width:100vw;max-width:100%;min-height:100vh;background-color:#fafafa}.home-page__container{display:flex;flex-direction:column;justify-content:start;align-items:center;padding:50px 30px 30px;gap:50px}.controls{display:flex;flex-direction:column;align-items:center;gap:20px}@media (min-width: 768px){.controls{flex-direction:row;justify-content:center}}.home-page__container__grid{width:100%;height:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,450px));grid-gap:10px;max-width:1400px;justify-content:center;align-content:center}.home-page__text--no-games{font-size:xx-large;text-align:center;font-weight:bolder}.toggle-scores-text{color:#000;cursor:pointer;text-decoration:underline;font-size:1.5rem;transition:color .2s ease}.toggle-scores-text:hover{color:#115293}@media (max-width: 500px){.home-page__container__grid{grid-template-columns:repeat(auto-fit,minmax(350px,450px))}.home-page__container{padding:50px 20px 20px}}@media (max-width: 1000px){.home-page__container__grid{grid-template-columns:repeat(auto-fit,minmax(350px,380px))}.home-page__container{padding:50px 20px 20px}}body{margin:0;padding:0;font-family:Lato,sans-serif}.lato-thin{font-family:Lato,sans-serif;font-weight:100;font-style:normal}.lato-light{font-family:Lato,sans-serif;font-weight:300;font-style:normal}.lato-regular{font-family:Lato,sans-serif;font-weight:400;font-style:normal}.lato-bold{font-family:Lato,sans-serif;font-weight:700;font-style:normal}.lato-black{font-family:Lato,sans-serif;font-weight:900;font-style:normal}.lato-thin-italic{font-family:Lato,sans-serif;font-weight:100;font-style:italic}.lato-light-italic{font-family:Lato,sans-serif;font-weight:300;font-style:italic}.lato-regular-italic{font-family:Lato,sans-serif;font-weight:400;font-style:italic}.lato-bold-italic{font-family:Lato,sans-serif;font-weight:700;font-style:italic}.lato-black-italic{font-family:Lato,sans-serif;font-weight:900;font-style:italic}