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)
        }

        .temp21 {
            color: #ea5a24;
        }

        .temp22 {
            color: #e4572b;
        }

        .temp23 {
            color: #e14a29;
        }

        .temp24 {
            color: #e04127;
        }

        .temp25 {
            color: #d9372b;
        }

        .temp26 {
            color: #d63129;
        }

        .temp27 {
            color: #d12b2b;
        }

        .temp28 {
            color: #cd282f;
        }

        .temp29 {
            color: #c82432;
        }

        .temp30 {
            color: #c32334;
        }

        .temp31 {
                    color: #be2138;
                }

        .temp32, .temp33, .temp34, .temp35 {
            color: #b9203b;
        }


        .day {
            font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
            text-transform: uppercase;
        }
        .summary::first-letter {
            text-transform: capitalize
        }