/* -------------------------------------- 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: 28.5px;
    padding: 5.72px 0px;
    font-size: 12px;
    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,  rgba(251,248,247,1) 0%,rgba(244,228,224,1) 50%,rgba(241,217,211,1) 51%,rgba(251,242,239,1) 100%);
    font-weight: bold;
    color: white;
    text-shadow: var(--shad2);
    border-color: var(--black);
}

.week-1, .week-2, .week-3, .week-6, .week-7 {
    text-indent: 1px;
}

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

/* -------------------------------------- month */
.month {
    background: linear-gradient(to bottom, rgba(246, 247, 241, 1) 0%, rgba(228, 236, 198, 1) 50%, rgb(213 223 173) 51%, rgba(244, 248, 228, 1) 100%);
}

.month strong {
    letter-spacing: 4px;
    color: white;
    text-shadow: var(--shad1);
}

.month center {
    text-indent: 0.5px;
}

/* -------------------------------------- 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%, #f1e2cc 51%, #fef8ee 100%);
    text-indent: -0.5px;
}