@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&display=swap");*{box-sizing:border-box}body{margin:0;padding:15px;background-color:#fef6e4;font-family:Fredoka,cursive,sans-serif;display:flex;justify-content:center;align-items:flex-start;min-height:100vh}.events-container{gap:15px;width:100%;max-width:550px}.events-container,.match-card{display:flex;flex-direction:column}.match-card{background-color:#fff;border:4px solid #000;border-radius:20px;box-shadow:6px 6px 0 #000;padding:15px;gap:10px;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out}.match-card:hover{transform:translateY(-2px);box-shadow:8px 8px 0 #000}.match-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #000;padding-bottom:8px}.league-title{font-size:.85rem;background-color:#ffd803;padding:4px 10px;color:#000}.league-title,.match-time{border:2px solid #000;border-radius:10px}.match-time{font-size:.8rem;background-color:#bae8e8;padding:4px 8px}.teams-wrapper{justify-content:space-between;padding:5px 0}.team-box,.teams-wrapper{display:flex;align-items:center}.team-box{flex-direction:column;width:38%;text-align:center}.team-logo{width:55px;height:55px;object-fit:contain;margin-bottom:5px}.team-name{font-size:.9rem;line-height:1.1;color:#000}.vs-box{display:flex;flex-direction:column;align-items:center;width:24%}.vs-badge{background-color:#ff8ba7;border:3px solid #000;font-size:1rem;padding:4px 10px;border-radius:12px;box-shadow:2px 2px 0 #000}.score-text{font-size:1.1rem;margin-top:4px}.btn-stream{width:100%;padding:10px;background-color:#2cb67d;color:#fff;border:3px solid #000;border-radius:14px;font-size:1rem;font-family:inherit;font-weight:700;box-shadow:4px 4px 0 #000;cursor:pointer;transition:all .1s ease;margin-top:5px}.btn-stream:hover{background-color:#249d6b;box-shadow:6px 6px 0 #000;transform:translate(-2px,-2px)}.btn-stream:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #000}