/* -------------------------------------- BODY */
body {
    flex-direction: column;
    margin: 0;
    overflow: hidden;
}

::-webkit-scrollbar {
    display: none;
}

/* -------------------------------------- TABLE */
table {
    border: 0;
    background: none;
}

td {
    text-align: center;
    min-width: 25.5px;
    padding: 5.9px 0px;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 2px;
    background: linear-gradient(to bottom, #fefdfa 0%, #fffbf4 50%, #faf1e6 51%, #fffcf7 100%);
}

/* -------------------------------------- week */
.week-1, .week-2, .week-3, .week-4, .week-5, .week-6, .week-7 {
    background: linear-gradient(to bottom,  #fbf7f7 0%,#f7dfe1 50%,#f5d1d4 51%,#fdeff0 100%);
    color: white;
    text-shadow: 0 1px var(--black), 1px 0px var(--black), 0 -1px var(--black), -1px 0px var(--black);
    font-weight: bold;
    border-color: var(--black);
}

.week-1 {
    text-indent: 1px;
}

.week-4 {
    text-indent: 0.5px;
}

.week-5 {
    text-indent: 1px;
}

/* -------------------------------------- month */
.month {
    letter-spacing: 7.2px;
    background: linear-gradient(to bottom, rgba(246, 247, 243, 1) 0%, rgba(225, 230, 206, 1) 50%, rgb(213 221 186) 51%, rgba(242, 245, 231, 1) 100%);
    text-indent: 0.5px;
}

.month strong {
    color: white;
    text-shadow: 0 1px var(--black), 1px 0px var(--black), 0 -1px var(--black), -1px 0px var(--black), 1px -1px var(--black), -1px 1px var(--black), 1px 1px var(--black), -1px -1px var(--black);
}

/* -------------------------------------- date */
.date strong {
    color: white;
    text-shadow: 0 1px var(--black), 1px 0px var(--black), 0 -1px var(--black), -1px 0px var(--black);
}

td:has(.date) {
    background: linear-gradient(to bottom,  #fcfbf8 0%,#faf0e0 50%,#f8e9d2 51%,#fef8ee 100%);
    text-indent: -0.5px;
}