body{padding-bottom:3rem}#custom-menubar{max-width:428px;position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background-color:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1000;margin:0 auto;padding:10px 0;transition:transform .3s ease-in-out;transform:translateY(0)}#custom-menubar.main-nav-hidden{transform:translateY(100%)}#custom-menubar .main-nav-menu-item{padding:10px 15px 5px;color:#333;text-decoration:none;font-size:14px;transition:background-color .3s,color .3s;border-radius:4px;display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif}#custom-menubar .main-nav-menu-item i{font-size:20px;color:#13a83b}#custom-menubar .main-nav-menu-item:hover{background-color:#f0f0f0;color:#000}#custom-menubar .main-nav-menu-item.main-nav-active{color:#fff;background-color:#13a83b}#custom-menubar .main-nav-menu-item.main-nav-active i{color:#fff}