.score-entry { width: 100%; } .score-entry-text { margin-right: 20px; } .score-entry-points { margin-left: 20px; } .positive { font-weight: bold; color: white; } .negative { color: #1a1a1a; } .stat-log, .edit-header.stat-log { width: 80%; } .edit-header .stat-log { width: 70%; } .stat-points { width: 20%; } .edit-header .stat-points { width: 20%; } .edit-button-container { border: none; margin: 10px; } .edit-header { display: flex; text-align: center; background-color: #61605e; color: #fefefe; font-weight: bold; } .edit-header .stat-trash { margin: auto; } .edit-text { width: 70%; } .edit-points{ width: 20%; } .stats-button-container { display: inline-flex; } .stats-button { width: auto; background: #fafafa; color: #000; border-radius: 5px; padding: 15px; box-shadow: 0 0 5px #000000; } .stats-button:hover { color: #fafafa; background: #1a1a1a; } .edit-stats { width: 100%; } input { text-align: center; background: #484848; color: #fafafa; width: 100%; border: none; font-family: inherit; font-size: inherit; } .remove-line { color: #ff1200; cursor: pointer; transition: 0.3s; } .remove-line svg { pointer-events: none; } .remove-line:hover { color: #ff5e00; text-shadow: 0 0 5px #ff4000; } .add-line{ font-size: 30px; color: #fafafa; cursor: pointer; transition: 0.3s; width: 100%; border-radius: 5px; margin: 30px 0 20px 0; } #addLine_gli { background: #f02800; } #addLine_pek { background: #21f022; } #addLine_boo { background: #F0BA00; } #addLine_ver { background: #5aa4f0; } #editHeader_gli { background: #9c1a00; } #editHeader_pek { background: #138a14; } #editHeader_boo { background: #6b5300; } #editHeader_ver { background: #264565; } .save-score { background: #21aa08; font-size: 30px; color: #fafafa; cursor: pointer; transition: 0.3s; margin: 40px 0 0 0; width: 100%; border-radius: 5px; } .save-score:hover { background: #2ce20b; box-shadow: 0 0 5px #2ce20b; } .score-nav{ width: auto; color: #000; border-radius: 5px; padding: 5px; box-shadow: 0 0 5px #000000; cursor: pointer; display: inline-flex; align-items: center; } .score-nav div { padding: 0px 10px 0 10px; } #latest-score { background: #fa9500; } #oldest-score { background: #fafa00; }