@media (orientation: landscape) {
    h1{
        text-decoration: underline #fca46a;
    }
}
@media (orientation: portrait) {
    h1{
        width: 10em; 
        float: left; 
        font-size: 1em;
        background: #fff; 
        border-radius: 15px;
        padding: 1ex;
    }
}
@media print{
    h1, table,td,th, tr{color:#000000}
}
body{
    background-color: #f5f5f5;
}

table {
    border-spacing: 12px;
    margin:  0 auto;
}
table tr:nth-child(1) td {
    background: #2196f3;
    color: #fff;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1), -5px -5px 10px #fff;
    border: 2px solid #edf1f4;
}
table td {
    color: #777;
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 1.25rem;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1),
        -5px -5px 10px rgba(255, 255, 255, 1);
}
table td:hover {
    box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.1),
        inset -5px -5px 10px rgba(255, 255, 255, 1);
}
table td:nth-child(2){
    font-size: 0.1em;
    padding: 2px;
}
table td:nth-child(3){
    font-size: 13px;
}
table th {
    color: #fef;
    padding: 10px 15px;
    font-weight: 500;
    border-radius: 10px;
    font-size: 1.25rem;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1),
        -5px -5px 10px rgba(255, 255, 255, 1);
}
table th:nth-child(1){
    background-color: #a29d9d;
}
table th:nth-child(2){
    background-color: #555;
}
table th:nth-child(3){
    background-color: #f86c39;
}
table th:nth-child(4){
    background-color: #6376f3;
}
table th:nth-child(5){
    background-color: #fd75ab;
}
table th:nth-child(6){
    background-color: #e0c604;
}