:root{--background:#f8f8f8;--hover:#dfdfdf;--text:#080808;--match:#efefef;--links:#e8e8e8}.App{text-align:center;background-color:var(--background);min-height:100vh;color:var(--text);flex-direction:column;align-items:center;transition-duration:.5s;display:flex}[data-theme=dark]{--background:#080808;--hover:#3b3b3b;--text:#f5f5f5;--match:#1f1f1f;--links:#2e2e2e}footer{margin-top:auto;line-height:25px}footer a{color:inherit;font-weight:700;text-decoration:none}.leagueContainer{flex-direction:column;gap:15px;width:50vw;margin:20px;display:flex}.league{align-items:center;gap:15px;display:flex}.league img{width:50px;height:50px}@media (width<=900px){.leagueContainer{width:90vw}.league img{width:30px;height:30px}}.match{background-color:var(--match);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:20px;font-weight:700;transition-duration:.5s;display:flex}.match img{width:30px;height:30px}.match span{flex:1}.match .home{text-align:left}.match .away{text-align:right}.score span{margin:5px}.match.active{border-radius:10px 10px 0 0}.links{background-color:var(--links);opacity:0;transition-property:display opacity;transition-behavior:allow-discrete;border-radius:0 0 10px 10px;flex-direction:column;align-items:center;gap:5px;padding:10px;transition-duration:.5s;display:none}.links.active{opacity:1;display:flex}@starting-style{.links.active{opacity:0}}.match:hover{background-color:var(--hover);cursor:pointer}.reload{border-radius:10px;flex-grow:1;justify-content:center;align-items:center;gap:10px;margin:0;padding:20px;text-decoration:none;transition-duration:.5s;display:flex}.reload:hover{background-color:var(--hover);cursor:pointer}@media (width<=450px){.match{padding:15px}.match img{width:25px;height:25px}.match span,.links a,.links p{font-size:13px}}[data-theme=dark] .link img{filter:invert()}header{align-items:center;gap:15px;margin:20px;display:flex}header img{width:60px;height:60px;transition-duration:.5s}header span{text-align:left;flex-direction:column;display:flex}header h1,header p{margin:0}[data-theme=dark] header img{filter:brightness(0)invert()}.theme{background-color:var(--match);border-radius:5px;width:40px;height:40px;transition-duration:.5s;position:fixed;top:10px;right:10px}.theme img{width:30px;height:30px;padding:5px}.theme:hover{background-color:var(--hover);cursor:pointer;transition-duration:.5s}[data-theme=dark] .theme{transform:rotate(-90deg)}[data-theme=dark] .theme img{filter:invert()}@media (width<=900px){.theme{width:35px;height:35px}.theme img{width:25px;height:25px}}.linkRow{gap:5px;width:100%;display:flex}.link{color:var(--text);border-radius:10px;flex-grow:1;justify-content:center;align-items:center;gap:10px;margin:0;padding:20px;text-decoration:none;transition-duration:.5s;display:flex}.comments{width:min-content;color:var(--text);border-radius:10px;align-items:center;margin-left:auto;padding:20px;transition-duration:.5s;display:flex}.link:hover,.comments:hover{background-color:var(--hover);cursor:pointer}@media (width<=450px){.linkRow{gap:0}.comments{padding:10px}.link svg{width:16px;height:16px}.comments svg{width:12px;height:12px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}