#toDoList { margin: 0 0 5px 0; padding: 0; overflow-x: hidden; color: #FFFFFF; border-radius: 4px; } #completeList { margin: 0 0 20px 0; padding: 0; overflow-x: hidden; border-radius: 4px; } #toDoList li { padding: 10px 3% 10px 3%; font-size: inherit; font-weight: 600; } #toDoList li:hover { cursor: pointer; } .toDo { background: #F45D4C; text-decoration: none; } .toDo:hover { background: #F35644; } .toDo:first-child { background: #FACA66; } .toDo:first-child:hover { background: #F9BE63; } .toDo:nth-child(2) { background: #F9B260; } .toDo:nth-child(2):hover { background: #F8A65D; } .toDo:nth-child(3) { background: #F79A5A; } .toDo:nth-child(3):hover { background: #F78D58; } .toDo:nth-child(4) { background: #F68155; } .toDo:nth-child(4):hover { background: #F57552; } .toDo:nth-child(5) { background: #F5694F; } .toDo:nth-child(5):hover { background: #F45D4C; } .notEasy { background: #94B86E; } .youCompleteMe { text-decoration: line-through; text-shadow: none; background: #555555; color: #999999; padding: 10px 3% 10px 3%; font-weight: 600; cursor: pointer; } .youCompleteMe:hover { background: #484848; } .emptyBox { width: 69.6% !important; height: 32px !important; border: 4px solid #de1919 !important; } .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}