#logo{text-align:center;padding:20px}.logobtnview{width:70px;height:70px}.flexbox{display:flex;gap:5%;color:#fff;padding:0 10%;align-items:center}.flex-1,.flex-2,.flex-3{flex:1 1;text-align:center}.button-container{display:flex;gap:10px}.button-flex-1{width:100%;padding:30px;font-size:28px;margin-bottom:10px}.button-flex-1,.button-flex-2{border-radius:30px;border:1px solid #fff;font-family:HeronSans;font-weight:700;font-style:italic;text-transform:uppercase}.button-flex-2{margin:5px 0;width:170px;height:95px;padding:18px;font-size:22px;background-color:#fff;color:#000}h2{font-family:HeronSans;font-weight:700;font-style:italic;text-transform:uppercase;font-size:25px;margin:15px 0 5px}.scoreboard{text-align:center;margin:0 auto;max-width:600px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.scoreboard h1{margin-bottom:20px;font-family:HeronSans;font-weight:700;font-style:italic;text-transform:uppercase;font-size:35px}table{width:100%;border-collapse:collapse;background-color:#fff;color:#000;border-radius:15px}td,th{padding:10px;text-align:center;border-bottom:none}th{color:#000}.filter-buttons{display:flex;justify-content:center;margin-bottom:20px}.filter-button{border:1px solid #fff;border-radius:100px;padding:10px 20px;margin:0 5px;background-color:#000;color:#fff;cursor:pointer;transition:all .3s ease}.filter-button.active,.filter-button:hover:not(.active){background-color:#fff;color:#000}