*{
    box-sizing: border-box;
}


.bg{
    background-color: #cfd8dc;
}

.text{
       color: white
   }

   body{
       background-color:#616161;
   }
 
#generate {
    border-radius: 40px;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}


#generate:hover{
    text-decoration: underline;
    font-weight: 800;
    -webkit-box-shadow: 0px 0px 34px 28px rgba(255,255,0,1);
    -moz-box-shadow: 0px 0px 34px 28px rgba(255,255,0,1);
    box-shadow: 0px 0px 34px 28px rgba(255,255,0,1);
}
.margin{

    margin-top: 100px;
}

.sidenav li {
    text-align: center;
    font-weight: bold;
    color: white
}

.sidenav p{
    text-align: center;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    color: white
}


.sidenav{
    background-color:#263238;
    position: absolute;
}

#map{
    height: 400px;
    width: 800px;
}

.mapboxgl-ctrl-geocoder--icon {
 display: none;
}


#map { 
    position: relative; 
    top: 0; 
    bottom: 0; 
    width: 100%; 
}
.modal-content {
    color:white;
    font-family: 'Crete Round', serif;
    box-shadow: 30px 30px 65px #888888;
}
.modal-content h4{
    color: yellow;
    text-align: center;
    font-family: 'Permanent Marker', cursive;
}

.modal {
    display: none;
    border-radius: 30px;
    border: 10px solid rgba(0, 0, 0, 0.3);
    text-align: center;
    position: absolute;
}

.modal-footer a{
color: grey;
font-weight: 600;
}

.nav-wrapper {
    padding-left: 20px;

}

.hide{
    display:none
}

.page-footer{
    text-align: center;
}

.socials {
    text-align: left;
}

.carousel {
height: 250px;
}