.weather-boxes{
    width: 100%;
    height: 100px;
    
}

.weather-choice{
    height: 200px;
    color: white;
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 20px;
    transition: transform 0.3s, background-color 0.3s;
    
}

.weather-choice:hover{
    
    background-color: darkgray !important;
}

.weather-choice:active{
    transform: scale(0.92);
    
}

.weather-choice span{
    
    font-size: 90px;
    font-weight: 100;
}

#weather-choices .col-md-1-2:nth-child(1) .weather-choice{
    background-color: dodgerblue;
    
}

#weather-choices .col-md-1-2:nth-child(2) .weather-choice{
    
    background-color: dodgerblue;
    
}

@keyframes fade-in {
    from {opacity: 0;}
    to {opacity: 1;}
}

#weather-choices{
    animation: fade-in 1s;
    
}