.calendar{
    margin-bottom: 1rem;
}

.calendar .cal-header{
    font-weight: lighter;
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.calendar .cal-body{
    display: flex;
    flex-wrap: wrap;
}

.cal-item{
    border-bottom: 1px solid lightgray;
    margin: 0.5rem;
    display: flex;
}

.calendar .cal-date{
 padding: 0.3rem;
 min-width: 80px;
}

.calendar .cal-date .day{
    font-size: 2rem;
    padding-right: 0.2rem;
    color: orangered;
}

.calendar .cal-date .month{
    font-size: 1rem;
    font-weight: lighter;
}

.calendar .cal-desc{
    padding: 1rem;
    background-color: rgb(233, 233, 233);
}