:root{--color-white:#fff;--color-black:#000;--color-text:#c4c4c4;--color-text-dark:#b1b1b1;--color-text-rgb:250,250,255;--color-text-inverse:#222;--color-blockquote:#cddff7;--color-background:#0e121a;--color-background-light:#121720;--color-background-dark:#0a0d13;--color-header:#0c0f14;--color-navbar:#071222;--color-link:#0492ff;--color-primary:#0a192f;--color-button-primary:#2730b3;--color-button-secondary:#142f56;--color-scrollbar:#1e0861;--color-scrollbar-thumb:#0a192f;--initial-color-mode:light;--theme-change-button:#603f94;--fz-small:1.4rem;--fz-normal:1.6rem;--fz-medium:1.8rem;--fz-large:2rem;--fw-bold:700;--fw-medium:600;--fw-normal:400;--bs-border:#dee2e6;--border-height:3px;--box-shadow:0 0 10px rgba(0,0,0,.2);--border-radius:5px;--facebook:#1877f2;--messenger:#0084ff;--twitter:#1da1f2;--linkedIn:#0a66c2;--skype:#00aff0;--google-plus:#ea4335;--youtube:red;--whatsApp:#25d366;--medium:#02b875;--instagram:#c32aa3;--pinterest:#bd081c;--google:#4285f4;--snapchat:#fffc00}.light-theme{--color-text:#222;--color-text-rgb:34,34,34;--color-text-inverse:#eee;--color-blockquote:#1e0861;--color-background:#fff;--color-background-light:#fafafa;--color-background-dark:#fff;--color-background-code:#f7f7f7;--color-header:#fafafa;--color-navbar:#f3f9ff;--color-navbar-gradient:#cddff7;--color-link:#2730b3;--color-primary:#2730b3;--color-button-primary:#2730b3;--color-button-secondary:#ddd;--color-scrollbar:#f7f7f7;--color-scrollbar-thumb:#282d4f;--initial-color-mode:dark}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:62.5%}body{font-family:var(--font-secondary);letter-spacing:1px;color:var(--color-text);background-color:var(--color-background-dark)}img{max-width:100%}.button,a,button,img{transition:all .3s ease-out 0s}.button,a,button{cursor:pointer;display:inline-block}.button:focus,a{text-decoration:none;outline:none}.footer -menu li a:hover,.portfolio-cat a:hover,a:focus,a:hover{color:#2b96cc;text-decoration:none}a{color:#1696e7;outline:medium none}button:focus,input:focus,textarea,textarea:focus{outline:0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}h1{font-size:4rem;font-weight:500}h2{font-size:3.5rem}h3{font-size:2.8rem}h4{font-size:2.2rem}h5{font-size:1.8rem}h6{font-size:1.6rem}ul{margin:0;padding:0}ul li{list-style:none}p{font-size:1.4rem;font-weight:400;line-height:2.4rem;margin-bottom:1.5rem}hr{border-bottom:1px solid #eceff8;border-top:0;margin:3rem 0;padding:0}label{cursor:pointer;font-size:1.4rem;font-weight:400}.container{padding:0 15px}::-webkit-scrollbar{width:1rem}::-webkit-scrollbar-track{width:0}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#2f39d1}::-webkit-scrollbar-thumb:hover{background-color:#5059d4}@media only screen and (max-width:768px){.general-text{font-size:var(--fz-normal)!important}}.fz-extra-small{font-size:1.2rem}.fz-small{font-size:1.4rem}.fz-normal{font-size:1.6rem}.fz-large{font-size:2rem}.fz-extra-large{font-size:2.4rem}.text-black{color:var(--color-black)}.text-theme{color:var(--color-theme)}.hover-text-black:hover{color:var(--color-black)}.hover-text-dark:hover{color:var(--color-dark)}.hover-text-white:hover{color:var(--color-white)}.hover-text-theme:hover{color:var(--color-theme)}.bg-black{background-color:var(--color-black)}.bg-theme{background-color:var(--color-theme)}.hover-bg-dark:hover{background-color:var(--color-dark)}.hover-bg-black:hover{background-color:var(--color-black)}.hover-bg-white:hover{background-color:var(--color-white)}.hover-bg-theme:hover{background-color:var(--color-theme)}.mt-50,.my-50{margin-top:5rem}.mb-50,.my-50{margin-bottom:5rem}.preloader{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:var(--color-background)}.preloader__icon{width:7rem}.go-to-top{position:fixed;bottom:2rem;right:2rem;background-color:#004e00;color:#fff;font-size:3rem;width:4rem;height:4rem;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;transform:translateY(2rem);visibility:hidden;opacity:0}.go-to-top.active{transform:translateY(0);visibility:visible;opacity:1}.go-to-top:hover{transform:translateY(-4px)}.go-to-top:active{transform:translateY(-2px)}.add{font-size:2rem;width:100%;background:rgba(var(--color-black),.3)}.add,.arrows{display:flex;align-items:center;justify-content:center}.arrows{z-index:1;background:var(--color-theme);border-radius:50%;color:var(--color-white);position:absolute;top:50%;transform:translateY(-50%);height:4rem;width:4rem;font-size:3rem;cursor:pointer}.arrows.prev{left:3px}.arrows.next{right:2px}.blog-section,.project-section{padding:60px 0}.contact-section{padding:60px 0;background-color:var(--color-background-light)}.project-details{padding:5rem 0;font-size:18px}.project-details__inner{width:100%;max-width:60rem}.project-details__inner :not(h1,h2,h3,h4,h5,h6){font-size:1.8rem;line-height:1.6}.project-details__inner ul{list-style:disc;padding-left:2.4rem;margin-bottom:2rem}.project-details__inner li{list-style:inherit}.project-details__inner p{margin-bottom:1rem}.project-details__inner h1,.project-details__inner h2,.project-details__inner h3,.project-details__inner h4,.project-details__inner h5,.project-details__inner h6{margin-bottom:2rem}.theme-list{margin-left:.5rem}.theme-list li{padding-left:2.4rem;position:relative}.theme-list li:before{content:"";position:absolute;top:13px;left:0;transform:translateY(-50%);width:1rem;height:1rem;border-radius:50%;background-color:var(--color-link)}header.header{height:65px;position:relative;z-index:3}.nav-bar{padding:10px 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-bar__inner{display:flex;align-items:center;justify-content:space-between}.nav-bar__icons{color:var(--color-text);font-size:1.8rem;display:flex;align-items:center}.nav-bar__icons:hover{opacity:1}.headroom--pinned{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-background-dark);box-shadow:0 0 50px 14px rgba(var(--color-text-rgb),.1)}.navigation__desktop ul{display:flex}.navigation__desktop ul li a{font-size:1.8rem;padding:7px 18px;opacity:.7;color:var(--color-text);text-decoration:none;transition:none}.navigation__desktop ul li a:hover{opacity:1}.navigation__desktop ul li a.active{font-weight:700;opacity:1}.navigation__mobile{position:fixed;inset:0;z-index:3;overflow-x:hidden;visibility:hidden;opacity:0;transition:all .5s ease-in-out}.navigation__mobile__inner{position:fixed;top:0;left:0;transform:translateX(-100%);height:100vh;z-index:1;width:calc(100% - 5rem);max-width:25rem;background-color:#f3f3f3;transition:all .5s ease-in-out}.navigation__mobile__inner .logo{padding-left:2rem;margin-top:3rem}.navigation__mobile__inner ul{margin-top:3rem}.navigation__mobile__inner ul li a{padding:8px 2rem;font-size:1.8rem;color:#242424;display:block}.navigation__mobile__inner ul li a:hover{background-color:rgba(0,0,0,.15);color:#1e0861}.navigation__mobile.active{visibility:visible;opacity:1}.navigation__mobile.active .navigation__mobile__inner{transform:translateX(0)}footer.footer-section{padding:60px 0;position:relative}.footer{max-width:50rem;margin:auto;text-align:center}.footer-list li{margin-bottom:1rem}.footer-list li a{font-size:1.6rem;color:inherit;opacity:.7}.footer-list li a:hover{opacity:1;color:var(--color-text)}.button{font-family:var(--font-primary);border:none;outline:none;border-radius:var(--border-radius);transition:.2s}.button:not(.button--icon):not(.button--theme-change):not(.button--hamburger){font-weight:600;padding:6px 10px;font-size:14px;text-decoration:none;transition:all .1s ease 0s}.button:not(.button--icon):not(.button--theme-change):not(.button--hamburger):hover{background-color:#2f39d1;border-color:#2f39d1;color:#fff!important;transform:translateY(-3px)}.button__loading{width:10rem;display:block}.button__loading svg{--size:2.5rem;height:var(--size);width:var(--size)}.button--primary{color:#fff;background-color:var(--color-button-primary);border:2px solid var(--color-button-primary)}.button--secondary{color:var(--color-text);background-color:var(--color-button-secondary)}.button--tertiary{color:var(--color-text);background-color:transparent;border:2px solid var(--color-text);padding:10px 32px;font-size:1.8rem;text-decoration:none;transition:all .1s ease 0s}.button--link{color:inherit;font-size:inherit;padding:0;background-color:inherit;font-weight:inherit}.button--icon{--size:4rem;width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;color:var(--color-text);font-size:var(--fz-large)}.button--theme-change{font-size:2.4rem;background-color:transparent;position:relative}.button--theme-change svg{transition:.3s}.button--theme-change span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button--hamburger{background-color:transparent;color:var(--color-text);font-size:2.5rem;margin-left:3rem;position:relative;z-index:2}.button--action{background-color:var(--color-text);color:var(--color-background);border:none!important;transition:.3s}.button--action:hover{color:var(--color-text);border:1px solid var(--color-text);transform:translateY(0)!important}.theme-link{position:relative;background-color:inherit;z-index:1;color:inherit;border:none}.theme-link:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--color-link);z-index:-1;transition:.3s}.theme-link:hover{color:#fff}.theme-link:hover:after{height:100%}.social-media{display:flex}.social-media__item{margin:0 1rem}.social-media__item a{font-size:3rem;opacity:.7;color:var(--color-text)}.social-media__item a:hover{color:var(--color-text);opacity:1}.social-media--center{justify-content:center}.search-box__button{border:none;background-color:var(--color-yellow)}.heading{font-family:var(--font-primary);color:var(--color-text)}.heading--section{font-weight:700;line-height:1.2;font-size:3rem}.heading--primary{font-size:3rem;font-family:var(--font-primary);font-weight:600;line-height:1.2}.heading--tertiary{font-size:18px}.heading--tertiary--2{font-size:14px}.heading--center{text-align:center}.banner{position:relative;height:45rem;justify-content:center;z-index:2}.banner,.banner__inner{display:flex;align-items:center}.banner__inner{justify-content:space-between}.banner__content{width:100%;max-width:60rem}.banner__image{position:relative;max-width:40rem}.banner__image img{-webkit-clip-path:polygon(0 0,100% 0,100% 91%,0 100%);clip-path:polygon(0 0,100% 0,100% 91%,0 100%);width:40rem;height:30rem;-o-object-fit:cover;object-fit:cover;border-radius:var(--border-radius)}.banner__image:after{left:2rem;top:2rem;width:100%;height:100%;-webkit-clip-path:polygon(0 0,100% 0,100% 91%,0 100%);clip-path:polygon(0 0,100% 0,100% 91%,0 100%);background-color:var(--color-primary)}.banner:before,.banner__image:after{content:"";position:absolute;z-index:-1}.banner:before{top:-100px;left:0;right:0;height:calc(100% + 100px);background-color:var(--color-header);transform:skew(0deg,-3deg)}.banner-normal{height:40rem;background-color:var(--color-background)}.banner-normal__inner{height:40rem;display:flex;align-items:center;justify-content:space-between}.banner-normal__contents{max-width:50rem}.banner-normal__text{font-size:16px;margin-top:1rem;line-height:150%}.banner-normal__image svg{max-width:400px}.banner-normal__image img{max-width:390px}.skill{height:100%;padding:30px 15px 0;position:relative;z-index:1}.skill__inner{margin-top:5rem}.skill__item{margin-bottom:50px}.skill__list--item{margin:4px 0}.skill__title{margin-bottom:2rem;font-weight:600}.skill-icons{display:flex;flex-wrap:wrap;justify-content:space-around}.skill-icons__item{--size:110px;width:var(--size);height:var(--size);margin-bottom:3rem;background-color:var(--color-background-light);font-size:35px;display:flex;align-items:center;justify-content:center;border-radius:50%}.skill:after{content:"";background-color:var(--color-background);position:absolute;top:-20px;left:0;right:0;height:calc(100% + 100px);transform:translateY(-28px);box-shadow:var(--box-shadow);z-index:-1}.resume-section{padding-top:100px;padding-bottom:55px;background-color:var(--color-background-light)}.resume{margin-top:50px;padding:20px 20px 28px 30px;position:relative;margin-left:15px}.resume__item:not(:first-child){margin-top:4rem}.resume__icon{--size:40px;height:var(--size);width:var(--size);display:flex;align-items:center;justify-content:center;background:var(--color-background);color:var(--color-text);border:var(--border-height) solid hsla(0,0%,62%,.369);font-size:20px;border-radius:50%;position:absolute;top:50%;left:-48px;transform:translateY(-50%);z-index:1}.resume__duration{margin-bottom:10px;position:relative;opacity:.8}.resume__heading{font-weight:600;position:relative}.resume__text{margin-top:1.4rem}.resume__position{font-size:1.4rem;opacity:.8;font-style:italic}.resume:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--border-height);background-color:hsla(0,0%,62%,.369)}.blog{margin-bottom:3rem}.blog>a{color:var(--color-text)!important}.blog__short-description{margin-top:1.4rem}.blog:hover .blog__heading{color:var(--color-link)}.all-blogs,.all-projects{padding:5rem 0;margin-top:5rem}.project-details-section{background:var(--color-background-light)}.project-details-section blockquote{background:var(--color-background);padding:1.5rem 2rem;border-radius:5px}.project{margin-bottom:3rem;color:var(--color-text)}.project>a{color:inherit}.project__image{margin-bottom:2rem}.project__image img{transition:none;width:100%;-o-object-fit:cover;object-fit:cover}.project__heading{font-weight:700}.project:hover .project__heading{color:var(--color-link)}.blog-details-section{position:relative}.blog-details-section:after{content:"";position:absolute;top:-40rem;left:0;right:0;height:calc(100% + 40rem);background-color:var(--color-background);z-index:-1}.blog-details{margin-top:5rem;padding:5rem 0;font-size:20px}.blog-details__inner{width:100%;max-width:60rem;margin:auto}.game{max-width:400px;width:100%;overflow:hidden}.game__container{position:relative;width:100%;display:flex;align-items:center}.game__container *{font-size:2rem;margin:0}.game__text{position:absolute;color:gray;white-space:nowrap}.game__input{position:relative;z-index:1;background:transparent;width:50%;border:1px solid #c7c7c7}@media(min-width:768px){.button:not(.button--icon):not(.button--theme-change):not(.button--hamburger){padding:8px 15px;font-size:13px}.button--action{font-size:14px!important;padding:8px 20px!important;margin-left:45px!important}.heading--primary{font-size:4.6rem}.skill{padding:80px 50px}.resume{margin-left:0}}