@media (orientation: landscape) { h1{text-decoration: underline #9964fc;} } @media (orientation: portrait) { h1{width: 10ex; float: left; font-size: 1em; background: white; padding: 1ex;} } @media print{ h1, table,td,th, tr{color:#000000} } body{background-color: #fff1d7;} table, td, th {border: 1px solid; border-collapse: collapse;} td{text-align: center;} th:first-child{background-color: #ffffff;} th + th{background-color: #fe8072;} th + th + th{background-color: #fbce79;} th:nth-child(4){background-color: #b1ff92;} th:nth-child(5){background-color: #81d7ff;} th:nth-child(6){background-color: #7ba6f7;} th:last-child{background-color: #a97cfc;} td:first-child{background-color: #a9a9a9;}