body{ background-color: #abdafa; } h1{ background-color: red; border: 10px solid yellowgreen; } p.happy{ background-color: #df6fbe; } p.unhappy{ background-color: #a788c1; } th.sun{ background-color: #c84949; } th.mon{ background-color: #efaab8; } th.tue{ background-color: #e0950a; } th.wen{ background-color: #77b6de; } th.the{ background-color: #d3753e; } th.fri{ background-color: #e0e032; } th.sat{ background-color: #6492e5; } th:first-child{background-color: #c84949;} th + th{background-color: #efaab8;} th + th + th{background-color: #e0950a;} th:nth-child(4){background-color: #77b6de;} th:nth-child(5){background-color: #d3753e;} th:nth-child(6){background-color: #e0e032;} th:last-child{background-color: #6492e5;} td:first-child{color: #d33939;} td.nationalHoliday{color: #bf5252;} td:last-child{color: #2868de;} table{ width: 100%; border: 1px solid; box-shadow: 1px 1px 1px #000000; } th,tr,td{ text-align: center; font-size: 1.5rem; border: 1px solid; } td{ text-align: right; box-shadow: inset 1px 1px 1px #24292a; border: 1px solid; padding-right: 7px; }