#root{--skin-color: #72b626;background-color:#242424}body,html{overflow-x:hidden;overflow-y:hidden;background-color:#242424}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.aside .logo a:before{border-top:4px solid #72b626;border-left:4px solid #72b626}.aside .logo a:after{border-right:4px solid #72b626;border-bottom:4px solid #72b626}.aside .nav li a:hover,body .aside .nav li a:hover,.blog .blog-item-inner .blog-info .blog-tags a,.portfolio .portfolio-item .portfolio-info .icon .fa,.lightbox .lightbox-controls .prev-item .fa,.contact .contact-info-item .icon .fa,.lightbox .lightbox-controls .next-item .fa,.about .about-content .about-text h3 span,.portfolio .portfolio-filter button.active,body .portfolio .portfolio-filter button.active,.service .service-item .service-item-inner .icon .fa,body .aside .nav li a.active,.aside .nav li a.active{color:#72b626}.btn,.service .service-item .service-item-inner:hover .icon,.about .about-content .timeline .circle-dot,.blog .blog-item-inner .blog-img .blog-date,.about .about-content .skills .skill-item .progress .progress-in,.about .about-content .timeline-item:before,.aside .nav-toggler span,.section-title h2:before,.section-title h2:after,.aside .nav-toggler span:before,.aside .nav-toggler span:after,.home .intro .social-links a{background-color:#72b626}.portfolio .portfolio-filter button.active{border-color:#72b626}body .section{background-color:#151515}body .aside,body .contact .contact-form .form-item .form-control,body .blog .blog-item-inner .blog-info,body .service .service-item .service-item-inner,body .about .about-content .timeline{background-color:#222}body .aside .nav li a,body .blog .blog-item-inner .blog-info .blog-title,body .contact .contact-info-item h4,body .portfolio .portfolio-filter button,body .service .service-item .service-item-inner h4,body .about .about-content .timeline .timeline-title,body .about .about-content .skills .skill-item h5,body .about .about-content .personal-info .info-item p,body .about .about-content .about-text h3,body .home .intro h1,body .about .about-content h3.title,body .section-title h2,body .aside .logo a{color:#fff}body .home .intro span,body .contact .contact-form .form-item .form-control,body .blog .blog-item-inner .blog-info .blog-description,body .contact .contact-info-item p,body .blog .blog-item-inner .blog-info .blog-tags,body .service .service-item .service-item-inner p,body .about .about-content .timeline .timeline-text,body .about .about-content .timeline .timeline-date,body .about .about-content .skills .skill-item .skill-porcent,body .about .about-content .personal-info .info-item p span,body .about .about-content .about-text p{color:#e9e9e9}body .about .about-content .personal-info .info-item p,body .aside,body .contact .contact-form .form-item .form-control,body .blog .blog-item-inner,body .portfolio .portfolio-item-innner,body .service .service-item .service-item-inner,body .about .about-content .timeline,body .aside .nav li a{border-color:#393939}body .shadow-dark{-webkit-box-shadow:none;box-shadow:none}.contact-info-item .icon .social-icon-link{transition:transform .3s ease;cursor:pointer;display:inline-block}.contact-info-item .icon .social-icon-link:hover{transform:scale(1.15)}.blog .blog-item-inner .project-link-overlay{display:block;text-decoration:none;transition:box-shadow .3s ease}.blog .blog-item-inner .project-link-overlay:hover{box-shadow:0 0 15px #72b626b3;cursor:pointer}.section{position:absolute;z-index:0;visibility:hidden;opacity:0;transform:none;overflow-y:auto;padding:0 30px;inset:0 0 0 270px;transition:opacity .6s ease-in-out,visibility 0s .6s}.section.active{opacity:1;z-index:1;visibility:visible;transform:none;transition:opacity .6s ease-in-out,visibility 0s 0s,z-index 0s 0s}.aside .nav-toggler span,.aside .nav-toggler span:before,.aside .nav-toggler span:after{transition:all .3s ease}.aside.open .nav-toggler span{background-color:transparent!important}.aside.open .nav-toggler span:before{top:0;transform:rotate(45deg)}.aside.open .nav-toggler span:after{top:0;transform:rotate(-45deg)}@media (max-width: 767px){.service .service-item,.blog .blog-item,.about .about-content .personal-info,.about .about-content .skills,.contact .contact-info-item,.contact .contact-form .col-6{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}}@media (max-width: 1199px){.aside{left:-270px}.aside.open{left:0}.section{left:0;width:100%}.section.open{left:270px;width:calc(100% - 270px)}.aside .nav-toggler{display:-ms-flexbox;display:flex;left:30px}.aside .nav-toggler.open{left:300px}}