body {
    background-color: ivory;
    font-family: 'Poppins', sans-serif;
}
div {
    text-align: center;
}
div a {
    margin: 30px 5px;
    background-color: forestgreen;
    color: #ffffff;
    border-radius: 10px;
    text-decoration: none;
    display: inline-block;
    padding: 6px 10px;
    font-size: medium;
}
div a:hover {
    background-color: #1f6c1f;
    color: #efefef;
}
h2 {
    color: #444444;
    font-size: xx-large;
    font-style: bold;
}
table {
    margin: 20px auto; border-collapse: collapse;
    border: 2px solid forestgreen;
}
th {
    background-color: forestgreen;
    color: #ffffff;
    padding:5px;
}
th:hover {
    background-color: #1f6c1f;
}
td {
    padding:5px;
    border: 2px solid forestgreen;
}
tr {
    background-color: #efefef;
    min-height: 25px;
}
tr:hover {
    background-color: #e2e2e2;
}
.calendar {
    table{
        table-layout:fixed;
    }
    td {
        text-align: right;
        padding-bottom: 70px;
    }
    td:hover {
        background-color: #d2d2d2;
    }
}