/*div{
    display:flex;
    flex-wrap: wrap;
}
#5-day-forecast{
    display: flex;
    flex-wrap: wrap;
}
.jumbotron{
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
}*/

span{
    border-radius: 10px;
    padding:5px;
    color:white;
}
h1{
    width:100%
}
.navbar{
    height: 104px;
    margin-bottom: 10px;
}
main div{
    display: flex;
    flex-wrap: wrap;}
.main-container{
    display: flex;
    flex-wrap: wrap;
}

.jumbotron{
    width:35%;
    padding:65px;
    flex-direction: column;
    margin:10px;
    
}
.forecast{
    width:63%;
    padding:56px;
}

nav a{
    margin-left: -370px;
   
}
.card{
    border-radius: 1.25rem;
    /* padding: 0px; */
    margin: 6px;
    width:12rem !important;
}
.navbar-brand{
    font-size: 2.25rem;;
}
.btn{
    margin:10px;
    margin-left: 0px;
}
.card{
    background-color: #007bff;
}
h5{
    color:white;
}