.scheduler > .description {
    text-align: justify;
}

.scheduler > .day {
    display: flex;
    gap: 1rem;
    align-items: baseline;
    padding-top: 3rem;
    color: var( --color-cyan-light );
}

.scheduler > .day > b {
    font-size: 2rem;
    color: var( --color-cyan-dark );
}

.scheduler > .task {
    width: 100%;
    padding-left: .6rem;
    border-radius: .5rem 0 0 .5rem;
    margin-bottom: 1rem;
}

.scheduler > .task-red { background-color: var( --color-red-light ); }

.scheduler > .task-pink { background-color: var( --color-pink-light ); }

.scheduler > .task-blue { background-color: var( --color-blue-light ); }

.scheduler > .task-cyan { background-color: var( --color-cyan-light ); }

.scheduler > .task > .alpha {
    padding: 1rem 2rem;
    background-color: var( --color-light-lowalpha );
}

.scheduler > .task > .alpha > .title {
    font-weight: bold;
    font-size: 2rem;
}

.scheduler > .task > .alpha > .time {
    font-size: 1.4rem;
    margin-top: -1rem;
}

.scheduler > .task > .alpha > .description {
    text-align: justify;
    border-top: 1px solid var( --color-dark-alpha );
}