body
{
    background-color: lightslategray;
}

h1, h2
{
    font-family: 'Open Sans', sans-serif;
}

h1
{
    font-size: 18px;
    font-weight: bolder;
    margin: 0;
    padding: 10px 15px 15px 0;
}

h2
{
    font-size: 16px;
    font-weight: bold;
    margin: 16px 0px 14px 0px;
}

a, a:hover
{
    color: #e8e8e8;
}

footer a, footer a:hover
{
    color: #333;
}

.container
{
    max-width: 480px;
}

.row_day
{
    margin-bottom: 1px;
    border: 5px solid;
    border-radius: 10px;
    text-align: right;
}

.row_day1 { border-color: #009640; color: #009640; }
.row_day2 { border-color: #AD4582; color: #AD4582; }
.row_day3 { border-color: #EF7D00; color: #EF7D00; }
.row_day4 { border-color: #312783; color: #312783; }
.row_day5 { border-color: #FFED00; color: #FFED00; }
.row_day6 { border-color: #E30613; color: #E30613; }
.row_day7 { border-color: white; color: white; }

.weatherunit
{
    display: inline-block;
}

.bottom-margin-20 { margin-bottom: 20px; }
.top-margin-20 { margin-top: 20px; }

.custom-page-header
{
    margin-top: 0;
    padding-top: 10px;
    color: #080808;
}

.custom-page-container
{
    min-height: 300px;
}

.custom-header-btn
{
    color: #080808;
    transition-duration: 300ms;
    border-radius: 10px;
}

.custom-header-btn:hover
{
    background-color: #e8e8e8 !important;
    color: black;
}

.temperature-text {
    font-weight: bold;
    font-size: 16px;
}