html {
    text-align: center;
}
.main {
    /*width: 1000px; */
    width: 95%;
    display: inline-block;
    vertical-align: top;
    margin: 0 auto;
    border: 8px inset #80ccff;
    font-size: 1.2em;
}

.current {
    border-bottom: 2px inset green;
}

.left {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin: 0 auto;
}

.right {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin: 0 auto;
}

.forecast_left {
    display: inline-block;
    vertical-align: top;
    margin-right: 49%;
}


span {
   color: green;
   font-size: 1.5em;
}

@media screen and (max-width: 650px) {
    .left {
        width: 100%;
        border-bottom: 2px inset green; 
    }
    .right {
        width: 100%;
    }
    .main {
        width: 95%;
    }
    .forecast_left {
        margin: 0 auto;
        width: 95%;
    }
}

p {
    margin: 7px;
}