@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;}