#calendarIcon:hover {
    cursor: pointer;
}
.calendar {
    font-family: inherit, sans-serif;
    margin-inline: auto;
    color: white;
}

.calendar > thead > tr {
    text-align: center;
}

/*? Algemene stijl kan nog aangepast worden ?*/
.dayInWeek {
    width: 200px;
    height: 150px;
    text-align: center;
    border: black solid 2px;
    vertical-align: top;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid gray;
    fill-opacity: 100%;
    padding: 10px;
    color: white;
}

.dayBeforeCurrentMonth:not(:last-child) {
    background: rgba(255, 255, 255, 0);
    border-left: rgba(255, 255, 255, 0.15) solid 1px !important;
    border-top: rgba(255, 255, 255, 0.15) solid 1px !important;
    color: rgb(255, 255, 255);
}

.dayAfterCurrentMonth:not(:first-child) {
    background: rgba(255, 255, 255, 0);
    border: rgba(255, 255, 255, 0.15) solid 1px !important;
    color: rgb(255, 255, 255);
}

/*? Hover kleur kan nog aangepast worden ?*/
/* tr :hover {
    background-color: bisque;
} */