body {
-webkit-user-select: none; 
-ms-user-select: none; 
user-select: none;
}
.mobile-bottom-nav {
background-color: #1b1a1a;
color: white;
z-index: 1000;
will-change: transform;
transform: translateZ(0);
display: flex;
box-shadow: 0 -2px 5px -2px #333;
}
.mobile-bottom-nav__item-content {
color: inherit;
text-decoration: none; 
}

.mobile-bottom-nav__item {
flex-grow: 1;
text-align: center;
font-size: 12px;
display: flex;
flex-direction: column;
justify-content: center;
margin: 6px;
}

@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(../font/materialicon.woff2) format('woff2');
}
.icons {
font-family: 'Material Icons';
font-weight: 450;
font-style: normal;
font-size: 26px;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 26px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
.mobile-bottom-nav__item--active {
color: red;
}
.mobile-bottom-nav__item-content {
display: flex;
flex-direction: column;
}

/* Target desktop screens */
@media screen and (min-width: 1024px) {
.mobile-bottom-nav{
display:none;
}
}