html, body {
    background-color: aquamarine;
    padding: 5px;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
 }

 body {
     display: grid;
     grid-template-rows: .1fr .30fr .60fr .05fr;
     grid-template-columns: 1fr;
     grid-template-areas: "header" "main" "map"  "footer";
     justify-content: center;
 }

 h1 {
     text-align: center;
 }

 header {
    grid-area: header;
    display: grid;
    grid-template-columns: .2fr .6fr .2fr;
    justify-content: center;
 }

.main {
    display: grid;
    grid-area: main;
    background-color: aqua;
}

.mountain {
    width: 100%
}

#Profile {
    max-width: 50%;
    max-height: 50%;
    float: left;
}
#map {
    grid-area: map;
    height: 40vh;
}

#footer {
    grid-area: footer;
}