@import 'normalize/normalize';

$baseColor: #21B1DF;
$baseFontSize: 16px;
$baseContrastColor: #FFF;

[ng-app="sunshine"] {
    width: 100%;
    height: 100%;

    body {
        width: 100%;
        height: 100%;
        font-size: $baseFontSize;
        box-sizing: border-box;
        background-color: $baseColor;
    }

    .view {
        width: 100%;
        height: 100%;
    }

    .view-weather {
        display: flex;
        flex-direction: row;

        .selected-forecast {
            flex: 1;
            color: $baseContrastColor;
            display: flex;
            align-self: center;
            align-items: center;
            flex-direction: column;

            h3, p {
                margin: 0;
            }

            h3 {
                font-size: 5rem;
                font-weight: lighter;
                line-height: 5rem;
            }
        }

        .list-forecast {
            flex: 1;
            margin: 0;
            padding: 1rem;
        }
    }

    .list {
        list-style: none;
        padding-left: 0;
    }
}

@import 'normalize/normalize';

$baseColor: #21B1DF;
$baseFontSize: 16px;
$baseContrastColor: #FFF;

[ng-app="sunshine"] {
    width: 100%;
    height: 100%;

    body {
        width: 100%;
        height: 100%;
        font-size: $baseFontSize;
        box-sizing: border-box;
        background-color: $baseColor;
    }

    .view {
        width: 100%;
        height: 100%;
    }

    .view-weather {
        display: flex;
        flex-direction: row;

        .selected-forecast {
            flex: 1;
            color: $baseContrastColor;
            display: flex;
            align-self: center;
            align-items: center;
            flex-direction: column;

            h3, p {
                margin: 0;
            }

            h3 {
                font-size: 5rem;
                font-weight: lighter;
                line-height: 5rem;
            }
        }

        .list-forecast {
            flex: 1;
            margin: 0;
            padding: 1rem;
            background-color: $baseContrastColor;
        }
    }

    .list {
        list-style: none;
        padding-left: 0;
    }
}

Set forecast list bg-color to contrast color.
Set forecast list bg-color to contrast color.
