Skip to content
@media screen and (max-width: 767px) {
.nav__menu {
position: fixed;
bottom: 15px;
left: 5%;
background: #ffffff8a;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: 4px 4px 10px 0px #9d9d9d;
width: 90%;
height: 60px;
padding: 10px;
display: grid;
align-content: center;
border-radius: 20px;
transition: .4s;
}
}
.nav__list,
.nav__link {
display: flex;
}
.nav__link {
flex-direction: column;
align-items: center;
row-gap: 4px;
color: #222b2a;
font-weight: 600;
}
.nav__list {
justify-content: space-around;
}
.nav__name {
font-size: 10px;
/* display: none;*/ /* Minimalist design, hidden labels */
}
.nav__icon {
font-size: 1.5rem;
}
/*Active link*/
.active-link {
position: relative;
color: #26a699 ;
transition: .3s;
}
