body {
            background-color: #eee;
        }

        .card {
            position: relative;
            background-color: #fff;
            min-height:48px;
            margin: 8px;
            border-bottom-color: #666666;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        }

    .itemRow {
            position: relative;
            background-color: #fff;
            min-height:48px;
            border-bottom-color: #666666;

        }

        .mui--text-display4, .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, sans-serif;
            text-transform: uppercase;
        }
        .summary::first-letter {
            text-transform: capitalize
        }
