body{margin:0;overflow-x:hidden}.main{position:relative;top:0;left:0;width:100%}.main .sidenav{position:fixed;top:160px;left:50px;width:calc(30% - 50px);float:left}.main .sidenav a{text-decoration:none;color:initial;width:450px}.main .sidenav a div{width:450px;height:40px;display:flex;align-items:center;padding:10px;margin-bottom:20px;border-radius:100px;box-shadow:1px 1px 4px #b9b9b7,-1px -1px 4px #ffffff}.main .sidenav a div h1{font-weight:normal;font-size:23px;margin-left:20px}.main .sidenav a div.active{box-shadow:inset 1px 1px 4px #b9b9b7,inset -1px -1px 4px #ffffff}.main .info{position:relative;top:80px;right:30px;width:calc(70% - 70px);float:right;padding:20px;margin-bottom:20px;border-radius:20px;box-shadow:1px 1px 4px #b9b9b7,-1px -1px 4px #ffffff}.main .info ol{counter-reset:item}.main .info ol>li{display:block;margin:15px 0 15px 0;font-size:21px;font-weight:bold}.main .info ol>li:before{content:counters(item,".") ". ";counter-increment:item}.main .info ol>li>ol>li{font-size:16px;font-weight:normal}.main .info ul>li{margin:10px 0 10px 0}.main .info table td,.main .info table th{border:1px solid #ddd;padding:8px;border-radius:10px}.main .info table th{font-size:20px}svg{fill:#1E2330;color:#1E2330}.top-nav{position:relative;top:20px;width:100%;height:50px;z-index:10}.top-nav .brand{position:relative;left:30px;cursor:pointer}.top-nav .brand a{text-decoration:none;color:#1E2330;display:inline-flex;align-items:center}.top-nav .brand .brand-logo{width:40px;height:40px;transform:none;color:#1E2330;display:flex;align-items:center;justify-content:center;float:none}.top-nav .brand .brand-logo svg{width:100%;height:100%;display:block;overflow:visible;fill:none;color:#1E2330;shape-rendering:geometricPrecision}.top-nav .brand .brand-logo svg .brand-logo-frame{fill:none!important;stroke:currentColor!important;stroke-linecap:round;stroke-linejoin:round}.top-nav .brand .brand-logo svg .brand-logo-ink{fill:currentColor!important;stroke:none!important}.top-nav .btns{position:absolute;bottom:-3px;right:50px;height:60px;display:inline-block}.top-nav .btns div{width:140px;height:20px;padding:20px;margin-left:40px;border-radius:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:1px 1px 4px #b9b9b7,-1px -1px 4px #ffffff;float:left}.top-nav .btns svg{position:relative;right:5px}.top-nav .btns .home{transform:scale(1.3)}.top-nav .btns .logout{transform:scale(1.2)}.top-nav .btns .login{transform:scale(1.3)}.top-nav .btns span{position:relative;left:12px;top:3px;font-size:20px}.top-nav .btns a{text-decoration:none;color:#1E2330;cursor:pointer}.bottom-nav{position:relative;top:50px;left:30px;width:100%;padding-bottom:10px}.bottom-nav .copyright{position:relative;float:left}.bottom-nav .copyright h4{margin:0;font-weight:normal;font-size:23px}.bottom-nav .links{position:relative;left:50px;bottom:9px}.bottom-nav .links ul{margin-left:30px;list-style-type:none}.bottom-nav .links ul li{display:inline-block;margin-right:30px}.bottom-nav .links ul li a{text-decoration:none;color:#1E2330;font-size:20px}.bottom-nav .links ul li a:before,.bottom-nav .links ul li a:after,.bottom-nav .links ul li a>span:before,.bottom-nav .links ul li a>span:after{content:'';position:absolute;transition:transform .5s ease}.bottom-nav .links ul li a,.bottom-nav .links ul li a>span{position:relative;color:#1E2330;text-decoration:none;line-height:24px}.bottom-nav .links ul li a{display:inline-flex;padding-top:10px;padding-bottom:5px;overflow:hidden}.bottom-nav .links ul li a:before{left:0;bottom:0;width:100%;height:2px;background:#492059;transform:translateX(-100%)}.bottom-nav .links ul li a:hover:before{transform:translateX(0)}