#stats-container { display: inline-flex; width: 100%; } .stats-table { width: 48%; border: none; margin: 1% 1% 1% 1%; } .stats-table th{ border-radius: 10px 10px 0 0; font-family: 'Russo One', sans-serif; } .stats-table .stat-log, .stats-table .stat-points { color: #1c1c1c; border-radius: 0; font-weight: bold; } #stats-usa th { background-color: #1a5dad; border-color: #1a5dad; } #stats-usa .stat-log, #stats-usa .stat-points { background-color: #639fad; border-color: #639fad; } #stats-usa td { border-color: #639fad; } #stats-urss th { background-color: #d72229; border-color: #d72229; } #stats-urss .stat-log, #stats-urss .stat-points { background-color: #d75556; border-color: #d75556; } #stats-urss td { border-color: #d75556; } .stat-log { width: 80%; } .stat-points { width: 20%; } #positive{ color: #e9b600; font-weight: bold; } #negative{ color: #cea380; } @media screen and (max-width: 480px) { #stats-container { display: block; width: 100%; } .stats-table { width: 100%; } } .edit-button-container { border: none; } .edit-button { width: auto; background: #fafafa; color: #000; border-radius: 5px; padding: 5px; box-shadow: 0 0 5px #000000; } .edit-button:hover { color: #fafafa; } #button-urss:hover { background: #ee293d; } #button-usa:hover { background: #1a5dad; } .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: #1a1a1a; 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: #ff4000; } .add-line{ font-size: 30px; color: #fafafa; cursor: pointer; transition: 0.3s; margin: 1% 1% 1% 1%; width: 100%; border-radius: 5px; } #add-line-usa { background: #3a7eaa; } .add-line#add-line-usa:hover { background: #53bbfc; } #add-line-urss { background: #d72229; } .add-line#add-line-urss:hover { background: #ee293d; } .save-score { background: #21aa08; font-size: 30px; color: #fafafa; cursor: pointer; transition: 0.3s; margin: 30px 1% 1% 1%; width: 100%; border-radius: 5px; } .save-score:hover { background: #2ce20b; }