html{--primary-color:#fefffe;--secondary-color:#f1f3f9;--font-color:#3c4a5b;--notifcation-color:#3b3f5c;--notifcation-light:#888ea8;--light-white:#68778d;--hover-color:#3c4a5b;--meter:#f0f0f0;--box-shadow:rgba(149,157,165,0.2);--title-color:#515365}html[data-theme=dark]{--primary-color:#1f2243;--secondary-color:#1c1f3e;--notifcation-color:#f9f9fa;--notifcation-light:#d3d3d9;--font-color:#f9f9fa;--title-color:#f9f9fa;--light-white:#d3d3d9;--hover-color:#416fec;--meter:#2a3660;--box-shadow:rgba(4,3,15,0.089)}.dayNight{cursor:pointer}.dayNight input{display:none}.dayNight input+div{border-radius:50%;width:25px;height:25px;position:relative;box-shadow:inset 10px -10px 0 0 #3c4a5b;transform:scale(1) rotate(-2deg);transition:box-shadow .2s ease 0s,transform .2s ease .1s;-webkit-transition:box-shadow .2s ease 0s,transform .2s ease .1s;-moz-transition:box-shadow .2s ease 0s,transform .2s ease .1s;-ms-transition:box-shadow .2s ease 0s,transform .2s ease .1s;-o-transition:box-shadow .2s ease 0s,transform .2s ease .1s}@media screen and (max-width:452px){.dayNight input+div{width:20px;height:20px;box-shadow:inset 5px -5px 0 0 #3c4a5b}}.dayNight input+div:before{content:"";width:inherit;height:inherit;border-radius:inherit;position:absolute;left:0;top:0;transition:background .3s ease;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-ms-transition:background .3s ease;-o-transition:background .3s ease}.dayNight input+div:after{content:"";width:4px;height:4px;border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:0 -23px 0 #fff,0 23px 0 #fff,23px 0 0 #fff,-23px 0 0 #fff,15px 15px 0 #fff,-15px 15px 0 #fff,15px -15px 0 #fff,-15px -15px 0 #fff;transform:scale(0);transition:all .3s ease}@media screen and (max-width:452px){.dayNight input+div:after{margin:-4px 0 0 -4px}}.dayNight input:checked+div{transform:scale(.4) rotate(0deg);transition:transform .3s ease .1s,box-shadow .2s ease 0s;-webkit-transform:scale(.4) rotate(0deg);-moz-transform:scale(.4) rotate(0deg);-ms-transform:scale(.4) rotate(0deg);-o-transform:scale(.4) rotate(0deg)}.dayNight input:checked+div:before{background:#fff;transition:background .3s ease .1s}.dayNight input:checked+div:after{transform:scale(1.5);transition:transform .5s ease .15s}.menu{position:relative}.menu .loader{-webkit-animation-name:loaders;animation-name:loaders;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:4s;animation-duration:4s;visibility:hidden;background-color:#426e6f;width:100%;height:100vh;position:absolute;z-index:300;top:0;display:flex}@-webkit-keyframes loaders{0%{visibility:visible}to{visibility:hidden}}@keyframes loaders{0%{visibility:visible}to{visibility:hidden}}.menu .loader .loader-img{position:relative;width:100%}.menu .loader .loader-img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);width:5rem}.menu .menu-ui .menu-wrapper{width:100%;height:100vh;overflow:hidden;display:flex;flex-direction:row;position:relative}.menu .menu-ui .menu-wrapper .menu-box{-webkit-animation-name:menubox;animation-name:menubox;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;padding:20px;position:absolute;width:100%;height:100vh;flex:2;background-color:#426e6f;display:flex;flex-direction:column;justify-content:space-between}@-webkit-keyframes menubox{0%{opacity:0}to{opacity:1}}@keyframes menubox{0%{opacity:0}to{opacity:1}}.menu .menu-ui .menu-wrapper .menu-box .mb-profile{display:flex;position:relative;flex-direction:row}.menu .menu-ui .menu-wrapper .menu-box .mb-profile .mbp-img{width:50px;position:absolute;left:0}.menu .menu-ui .menu-wrapper .menu-box .mb-profile .mbp-img img{width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.menu .menu-ui .menu-wrapper .menu-box .mb-profile .mbp-title{margin-left:80px;margin-right:auto}.menu .menu-ui .menu-wrapper .menu-box .mb-profile .mbp-title h2{font-family:Roboto,sans-serif;font-weight:500;color:#f9f9fa}.menu .menu-ui .menu-wrapper .menu-box .mb-profile .mbp-title p{font-family:Open Sans,sans-serif;color:#d3d3d9}.menu .menu-ui .menu-wrapper .menu-box .mb-menus .active a i,.menu .menu-ui .menu-wrapper .menu-box .mb-menus .active a p{color:#fefefe}.menu .menu-ui .menu-wrapper .menu-box .mb-menus ul li{list-style-type:none;margin-top:10px}.menu .menu-ui .menu-wrapper .menu-box .mb-menus ul li a{text-decoration:none;display:flex;flex-direction:row;align-items:center}.menu .menu-ui .menu-wrapper .menu-box .mb-menus ul li a i{color:#81adae;margin-right:10px;font-size:1.5em;transition:color .3s ease-in-out}.menu .menu-ui .menu-wrapper .menu-box .mb-menus ul li a p{color:#81adae;font-family:Poppins,sans-serif;font-size:1.5em;transition:color .3s ease-in-out}.menu .menu-ui .menu-wrapper .menu-box .mb-menus ul li a:hover i,.menu .menu-ui .menu-wrapper .menu-box .mb-menus ul li a:hover p{color:#fefefe}.menu .menu-ui .menu-wrapper .menu-box .menu-settings{position:relative}.menu .menu-ui .menu-wrapper .menu-box .menu-settings .settings-wrapper{display:flex;flex-direction:row}.menu .menu-ui .menu-wrapper .menu-box .menu-settings .settings-wrapper .settings{margin:5px}.menu .menu-ui .menu-wrapper .menu-box .menu-settings .settings-wrapper .settings p{font-family:Open Sans,sans-serif;color:#d3d3d9;font-size:1.2em}.menu .menu-ui .menu-wrapper .menubody{flex:1;position:absolute;width:100%;height:100vh;z-index:1;background-color:#fefefe;left:60%;top:10%;padding:20px;box-shadow:0 48px 100px 0 rgba(17,12,46,.15);-webkit-animation-name:menu-body;animation-name:menu-body;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media screen and (max-width:400px){.menu .menu-ui .menu-wrapper .menubody{height:80vh;left:60%;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}}.menu .menu-ui .menu-wrapper .menubody .hamburger{font-size:3em;color:#426e6f}@-webkit-keyframes menu-body{0%{left:0;top:10%;-webkit-animation-timing-function:cubic-bezier(.78,-.01,0,1.56);animation-timing-function:cubic-bezier(.78,-.01,0,1.56);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;top:0}50%{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px}to{left:60%;top:10%;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px}}@keyframes menu-body{0%{left:0;top:10%;-webkit-animation-timing-function:cubic-bezier(.78,-.01,0,1.56);animation-timing-function:cubic-bezier(.78,-.01,0,1.56);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;top:0}50%{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px}to{left:60%;top:10%;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px}}@-webkit-keyframes menutoggler{0%{top:10%;width:50%;left:60%;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-animation-timing-function:cubic-bezier(.78,-.01,0,1.56);animation-timing-function:cubic-bezier(.78,-.01,0,1.56);-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}to{top:0;width:100%;left:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-animation-timing-function:cubic-bezier(.78,-.01,0,1.56);animation-timing-function:cubic-bezier(.78,-.01,0,1.56)}}@keyframes menutoggler{0%{top:10%;width:50%;left:60%;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-animation-timing-function:cubic-bezier(.78,-.01,0,1.56);animation-timing-function:cubic-bezier(.78,-.01,0,1.56);-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}to{top:0;width:100%;left:0;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-webkit-animation-timing-function:cubic-bezier(.78,-.01,0,1.56);animation-timing-function:cubic-bezier(.78,-.01,0,1.56)}}.menu .menu-ui .menu-wrapper .menutoggleactive{position:absolute;-webkit-animation-name:menutoggler;animation-name:menutoggler;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.78,-.01,0,1.56);animation-timing-function:cubic-bezier(.78,-.01,0,1.56);top:0;background-color:#f5f5f5;z-index:1;padding:20px;width:100%;height:100vh;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.menu .menu-ui .menu-wrapper .menutoggleactive .hamburger{font-size:3em;color:#426e6f}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}