body {
    margin: 0px;
    padding: 0px;
    background-color: #003A40;
    }

header{
    height: 50px;
    padding: 0px;
    margin-top: 0px;
    margin-left: 10px;
    background-color: #003A40;
    font-family: 'Miriam Libre', sans-serif; 
    }

h1{

    font-size: medium;
    color:darkgray;
}

input[type="text"]{
    font-family: 'Miriam Libre', sans-serif;
}

#dados{
    font-family: 'Miriam Libre', sans-serif;
}

#resultado{
    font-weight: bold;
    font-size: larger;
}

#map {
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 100%;
}

p{
    margin: 0px;
}


.map-overlay-container {
    position: absolute;
    width: 25%;
    top: 60px;
    left: 0;
    padding: 10px;
    z-index: 1;
    background-color: rgba(200,200,200,0.9);
    border-radius: 5px;
}

.mapboxgl-ctrl-geocoder--input{
    font-size: 10pt!important;
    width: 100vh!important
}

.mapboxgl-ctrl-geocoder{
    font-size: 10pt!important;
    width: 20vh!important
}