/* Always set the map height explicitly to define the size of the div
 * element that contains the map. */
#map {
    height: 83%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-image:url("../images/backgroundimg.PNG");
}

ul{
    margin:0;
    padding:0;
    display:flex;
}

span {
    font-family: Calibri, Calibri, sans-serif;
    font-size: 16px;
}

select {
    font-family: Calibri, Calibri, sans-serif;
    font-size: 16px;
    background-color:white;
    border: 2px solid lightsteelblue;
    padding: 5px 20px;
    color:midnightblue;
    margin: 3px;
}

button {
    font-family: Calibri, Calibri, sans-serif;
    font-size: 16px;
    text-align:center;
    display:inline-block;
    cursor:pointer;
    background-color:white;
    border: 2px solid lightsteelblue;
    padding: 5px 20px;
    color:midnightblue;
    transition-duration: .4s;
    margin: 3px;
}
button:hover {
    background-color:lightsteelblue;
    color:white;
}

fieldset {
    background-color:white;
    border: 2px solid lightsteelblue;
    margin-bottom: 3px;
}

p {
    font-family: Calibri, Calibri, sans-serif;
    font-size: 16px;
    margin: 10px;
    color:midnightblue;
}

h1 {
    font-family: Calibri, Calibri, sans-serif;
    font-size: 40px;
    margin-bottom:1px;
    margin-top:5px;
    color:midnightblue;
}

a {
    font-family: Calibri, Calibri, sans-serif;
    font-size: 20px;
    margin: 10px;
}