#calendarview[data-v-9f8cf8c4] {
    margin-top: 25px;
    margin-bottom: 65px
}

.calendar-backdrop[data-v-9f8cf8c4] {
    padding: 2em;
    border: solid;
    border-color: var(--primary);
    border-radius: .5em
}

#calendar {
    font-family: Avenir, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: var(--primary);
    margin-top: 60px
}

#calendar .calendar__header {
    background-color: var(--primary)
}

:root {
    --primary: #485c75;
    --secondary: #7892d3;
    --text-color-b: #3d3d3d;
    --text-color-w: #f0f8ff;
    --danger: #75475e
}

.test {
    border: 2px solid green
}

.calendar-form-header {
    padding: 20px 14px 20px 14px;
    color: var(--primary)
}

.calendar-form-btn {
    color: var(--text-color-w);
    font-weight: 700
}

.form-continue {
    background-color: var(--primary)
}

.form-back {
    background-color: var(--danger)
}

.form-row {
    display: flex;
    align-items: center
}