
.calendar-colors {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.calendar-colors .color {
    height: 20px;
    width: 20px;
    display: inline-block;
    position: relative;
    top: 5px;
}
.calendar-colors .red {background-color: #FFA4B3}
.calendar-colors .green {background-color: #A5C94B}
.gr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
}
.gr .gr-d1 {
    text-align: right;
}
.gr .gr-d2 {
    font-size: 15px;
    font-weight: 600;
}
.gr .gr-d2 span {
    color: #A5C94B
}