#teamButtonContainer { display: block; line-height: 2.2; } .team-button { border-radius: 0.2rem; font-size: 2.5rem; font-family: Harry-P, fantasy; cursor: pointer; padding: 15px 20px; margin: 10px; width: 200px; transition: 0.2s; border: none; } #title_gli { color: #FF5F5F; } #title_pek { color: #7ffd78; } #title_boo { color: #fafd78; } #title_ver { color: #60bdff; } .team-button#buttonGli { color: #FF5F5F; background-color: #4b1f1f; } .team-button#buttonPek { color: #7ffd78; background-color: #1b4b1b; } .team-button#buttonBoo { color: #fafd78; background-color: #484b25; } .team-button#buttonVer { color: #60bdff; background-color: #1e384b; } .team-button#buttonGli:hover { color: #b30006; background-color: #ff7d7f; box-shadow: 0 0 10px #ff506d; } .team-button#buttonBoo:hover { color: #a28100; background-color: #f7fd51; box-shadow: 0 0 10px #fdf71e; } .team-button#buttonPek:hover { color: #0c5700; background-color: #6bfd5f; box-shadow: 0 0 10px #7efd34; } .team-button#buttonVer:hover { color: #0008a5; background-color: #48a7ff; box-shadow: 0 0 10px #2060ff; } .score-entry { width: 100%; } .score-entry-text { margin-right: 20px; } .score-entry-points { margin-left: 20px; } .positive { color: white; } .negative { color: #bf021c; }