p{
    colour: blue;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 30px;
    background-color: azure;
}


table{
    width: 700px;
    height: 180px;
    font-family:'Times New Roman', Times, serif;
    font-size: 25px;
    border-collapse: collapse;
}

td, th{
    border: 3px solid darkgray;
}

td{
    text-align: right;
    color: violet;
    font-style: italic;
    transition: 0.5s;
}

tbody td:hover, th:hover{
    background-color: lightpink;
}

td.offset{
    color: lightgray;
    opacity: 0.8;
}

table.example{
    margin-left: auto; 
    margin-right: auto;
    width: 150px;
    height: 180px;
    font-family:'Times New Roman', Times, serif;
    font-size: 25px;
    border-collapse: collapse;
    align-content: center;
    td{
        color: black;
        text-align: center;
    }
}

footer{
    p{ 
        font-family: Arial;
        font-size: 16px;
        color: black;
        margin-top: 0px;
        margin-bottom: 0px;
    }
}