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