.simple-calendar {
    display: flex;
    flex-direction: column;

    .calendar-heading {
        .calendar-title {
            display: block;
            text-align: center;
            font-weight: 600;
            font-size: 1.2rem;
        }

        nav {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));

            a:nth-child(2) { text-align: center; }
            a:nth-child(3) { text-align: right; }
        }
    }

    .table {
    }

    .day {}

    .wday-0 {}
    .wday-1 {}
    .wday-2 {}
    .wday-3 {}
    .wday-4 {}
    .wday-5 {}
    .wday-6 {}

    .today {}
    .past {}
    .future {}

    .start-date {}

    .prev-month {}
    .next-month { }
    .current-month {}

    .has-events {}
}