/*NAV*/
nav {
    position: fixed;
    width: 100%;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
	background-color: inherit;
    border-top: 3px solid #203c46;
    display: flex;
    justify-content: space-around;
}
@media all and (min-width: 800px) {
    nav {
        width: 90%;
    }
}
nav button {
	display: inline-block;
    padding: 24px;
    border: none;
    margin-left: 15px;
    margin-right: 15px;
    background-size: 48px 48px;
	background-color: inherit;
}
nav button:active {
    border: none;
}

nav button:hover {
	cursor: pointer;
}
nav button:active {
    border: none;
}
#my-recipes {
    background-image: url("../media/icones/my-recipes.svg");
}
#my-recipes-selected {
    background-image: url("../media/icones/my-recipes-selected.svg");
    border-top: #203c46 3px solid;
}
#my-shopping-list {
    background-image: url("../media/icones/my-shopping-list.svg");
}
#my-shopping-list-selected {
    background-image: url('../media/icones/my-shopping-list-selected.svg');
    border-top: #203c46 3px solid;
}
#home {
    background-image: url("../media/icones/home.svg");
}
#home-selected {
    background-image: url("../media/icones/home-selected.svg");
    border-top: #203c46 3px solid;
}
#my-account {
    background-image: url("../media/icones/my-account.svg");
}
#my-account-selected {
    background-image: url("../media/icones/my-account-selected.svg");
    border-top: #203c46 3px solid;
}