:root{
    --icon-height-width: 3.5vh;
}
body{
    margin: 0px;
    background-color: #d0ffcc;
    font-size: 1.5em;
}
.navsection{
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #00a130;
    display: flex;
    justify-content:space-around;
    align-items: center;
}
.navsection>*{
    margin: 1vh 0;
}

/*Hamburger Menu Functionality Start*/
.hamburger {
    display: inline-block;
    cursor: pointer;
}

.hamburger1, .hamburger2, .hamburger3 {
width: 3.5vh;
height: 0.5vh;
background-color: #000000;
margin: 0.6vh 0;
transition: 0.4s;
}

/* Rotate first bar */
.open .hamburger1 {
transform: translate(0, 1.1vh) rotate(-45deg);
}

/* Fade out the second bar */
.open .hamburger2 {opacity: 0;}

/* Rotate last bar */
.open .hamburger3 {
transform: translate(0, -1.1vh) rotate(45deg);
}
/*Hamburger Menu Functionality End*/
.home{
    height: var(--icon-height-width);
    width: var(--icon-height-width);
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("home.svg");
}
.help{
    height: var(--icon-height-width);
    width: var(--icon-height-width);
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("help.svg");
}
.footer{
    padding: 10px 10px 7vh 10px;
    background-color: rgb(29, 29, 29);
    color: white;
    width: 100%;
}
.footer>a{
    color: white;
}

.map-section{
    padding: 10px 0;
}
.main-content-area{
    padding: 0 10px;
}
.share{
    height: var(--icon-height-width);
    width: var(--icon-height-width);
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("share-svgrepo-com.svg");
}