.nav{position:fixed;padding:20px;right:0;height:100%;display:flex;justify-content:center;align-items:center}.nav__list{list-style:none;padding:0}.nav__menu{width:100%}.list__icons{padding:1rem;cursor:pointer;background-color:#454e56;width:55px;height:55px;border-radius:50%;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:.7rem 0;-webkit-box-shadow:0 3px 15px rgba(0,0,0,.3);box-shadow:0 3px 15px #0000004d;color:#fff!important}.active-nav .list__icons{background-color:#4a62d6!important}@media (max-width: 1000px){.nav{position:fixed;padding:10px;bottom:0;width:100%;height:auto;background-color:var(--navbar-color)!important;transition:all 1s ease-in-out;z-index:1000}.nav__list{display:flex;padding:0 20px;justify-content:space-evenly;margin:0}}