.card {
    position: relative;
    background-color: #fff;
    min-height: 72px;
}

.mui--text-display3 {
    font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial;
}

.temp0, .temp1, .temp2, .temp3, .temp4, .temp5 {
    color: rgb(80, 181, 221)
}

.temp6 {
    color: rgb(78, 178, 206)
}

.temp7 {
    color: rgb(76, 176, 190)
}

.temp8 {
    color: rgb(73, 173, 175)
}

.temp9 {
    color: rgb(72, 171, 159)
}

.temp10 {
    color: rgb(70, 168, 142)
}

.temp11 {
    color: rgb(68, 166, 125)
}

.temp12 {
    color: rgb(66, 164, 108)
}

.temp13 {
    color: rgb(102, 173, 94)
}

.temp14 {
    color: rgb(135, 190, 64)
}

.temp15 {
    color: rgb(179, 204, 26)
}

.temp16 {
    color: rgb(214, 213, 28)
}

.temp17 {
    color: rgb(249, 202, 3)
}

.temp18 {
    color: rgb(246, 181, 3)
}

.temp19 {
    color: rgb(244, 150, 26)
}

.temp20 {
    color: rgb(236, 110, 5)
}

.day {
    font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, SansSerif;
    text-transform: uppercase;
}

.summary::first-letter {
    text-transform: capitalize
}