body{margin:0;padding:20px;color:#fff;font-family:Arial}.bottom-nav,body{background:#0a0a0a}.bottom-nav{position:fixed;bottom:0;left:0;width:100%;display:flex;justify-content:space-around;padding:12px 0;border-top:1px solid #333}.nav-item{color:#a2a2a2;text-decoration:none;font-size:12px;background:none;border:0}.nav-item.active{color:red}.more-popup{position:fixed;bottom:60px;right:20px;background:#181818;padding:10px;border-radius:10px}.more-box{padding:12px 25px;color:#fff;border-bottom:1px solid #333}@media(min-width:768px){.bottom-nav{top:0;bottom:auto;height:35px}.more-popup{top:45px;bottom:auto}}