body {
    background-image: url("../../assets/images/Fotolia_171500112_Subscription_Monthly_M.jpg");
     /* Full height */
   height: 100%;
 
   /* Center and scale the image nicely */
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 
    /* font */
   font-family: "Open Sans", sans-serif;
 }
 

input {
 width: 50%;
}

#city-list {
 width: 22rem;
 padding-right: 5px;
 opacity: .7
}

#city-date-icon,
#city-name,
#current-icon {
   display: flex;
   flex-direction: row;
   justify-content: center/space-around/space-between;
   opacity: .7
}

h6 {
 font-weight: bold;
}

h4 {
   margin: 5px;
   font-weight: bold;
   color: blue;
}

h1 {
    margin-top:10px;
    font-weight: bold;
    color: blue;
}

#forecast-cards {
   display: flex;
   flex-direction: row;
   justify-content: center/space-between;
   padding-left: 5px;
   opacity: .7
}

.forecast {
   margin: 10px;
}