#sidenav-item{font-size:1.4em;margin-bottom:1em;position:relative;height:3.75em}#sidenav-item:hover{cursor:pointer}.active-nav{height:inherit;background-color:#fff;opacity:.1;transition:.5s ease}.item{left:20%;bottom:5%}.item,.s-active{position:absolute}.s-active{bottom:15%}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}#sidenav{height:100%;width:20em;position:fixed;background-color:#c221cf;z-index:1;top:0;left:0;overflow-x:hidden}#main-nav,#sidenav{padding-top:2em}.header-search-1{height:3.5em;border-radius:10px;border:none;margin-right:2em;width:24.0625em;padding-left:1.5em}.header-search-1,.header-search-1:focus{background-color:#f5f4ff}.search-1{position:absolute;bottom:35%;left:80%;font-size:1.2em;opacity:.7}.notification{position:relative;background-color:#f5f4ff;//padding:1em;padding:1em 1.2em 1em 1.2em;border-radius:10px;height:3.5em;width:3.5em;margin-right:1.2em}.indicator{position:absolute;background-color:#fe6a77;height:1em;width:1em;border-radius:50%;border:3px solid #fff;bottom:80%;left:80%}.notification:hover{cursor:pointer}.avatar{border-radius:10px;height:3.5em;width:3.5em}.avatar:hover{cursor:pointer}.avatar-wrapper{margin-top:-.5em}#mobile-nav{padding-top:1.3em;padding-bottom:1.5em;box-shadow:0 50px 80px rgba(20,27,45,.05)}#mobile-nav,.sidenav{background-color:#c221cf}.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;overflow-x:hidden;padding-top:2em;transition:.5s}.sidenav .sidenav-item{font-size:.5em}#copyright{transition:1s ease}@media screen and (max-height:450px){.sidenav{padding-top:15px}.sidenav a{font-size:18px}}#mobile-main-nav{margin-top:2em}.search-mobile{position:absolute;bottom:35%;left:90%;font-size:1.2em;opacity:.7}.notification-mobile{position:relative;background-color:#f5f4ff;padding:1em 1.2em 1em 1.2em;border-radius:10px;height:3.5em;width:3.5em;margin-right:.6em}