*{margin:0;padding:0;box-sizing:border-box}body{margin:0;background-color:#101010;color:#f2f2f2;font-family:Poppins,sans-serif;text-transform:capitalize}body.light{background-color:#efefef}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-thumb{background:#5552ff;border-radius:10px}.nav.is-active{height:70%}nav{width:490px;height:65px;transition:height .3s ease-in-out;overflow:hidden;border-radius:90px;border:1px solid #27272a;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);display:flex;justify-content:center;align-items:_;flex-direction:_;gap:_;position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:99;padding:0 .5rem}nav .logo{position:absolute;left:25px;top:9px}nav .logo img{width:45px;height:45px}nav ul{display:flex;justify-content:space-around;align-items:center;flex-direction:row;gap:_;width:100%}nav ul li{list-style-type:none}nav ul li a{color:#000;text-decoration:none;text-transform:capitalize}nav ul .goHome{text-decoration:none;color:#fff;font-size:16px}nav ul .navLink{cursor:pointer;transition:.2s ease-in-out}nav ul .navLink:hover{color:#5552ff}nav ul div{border-radius:25px}nav ul div .checkbox{opacity:0;position:absolute}nav ul div .checkbox:checked+.label .ball{transform:translate(-24px)}nav ul div .label{background-color:#101010;display:flex;border-radius:50px;height:26px;width:50px;align-items:center;justify-content:space-between;position:relative;padding:5px}nav ul div .label .fa-sun{height:16px}nav ul div .label .fa-moon{height:16px}nav ul div .label .ball{background-color:#c2c0ff;position:absolute;width:22px;height:22px;top:1px;right:1.5px;border-radius:50%;transition:.2s linear}nav.light{border:1px solid #c5c5c5}nav.light div .label{background-color:#27272a}nav.light .navLink{color:#1e1e1e}nav.light .selected{color:#5552ff}nav .mobileNavContainer{width:100%;height:fit-content;border-radius:0;display:flex;justify-content:_;align-items:_;flex-direction:column;gap:1.5rem;padding:1rem 2rem}nav .mobileNavContainer .mobileNavLink{position:relative;color:#fff;font-size:18px;cursor:pointer;transition:.5s ease-in-out;width:fit-content;text-decoration:none;padding:0 0 5px}.light nav .mobileNavContainer .mobileNavLink{color:#1e1e1e}nav .mobileNavContainer .mobileNavLink:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#5552ff;transform:scaleX(0);transform-origin:left center;transition:transform .3s ease}nav .mobileNavContainer .mobileNavLink:hover{color:#5552ff}nav .mobileNavContainer .mobileNavLink:hover:before{transform:scaleX(1)}nav .mobileNavContainer .selected{color:#5552ff;border-bottom:2px solid #5552ff;transition:color .2s ease-in-out,border-bottom .2s ease-in-out}nav .selected{color:#5552ff;transition:.2s ease-in-out;cursor:pointer}nav .mobileNavLinkHome{position:relative;color:#fff;font-size:24px;cursor:pointer;transition:.5s ease-in-out;width:fit-content;text-decoration:none;padding:0 0 5px}.light nav .mobileNavLinkHome{color:#1e1e1e}nav .mobileNavLinkHome:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#5552ff;transform:scaleX(0);transform-origin:left center;transition:transform .3s ease}nav .mobileNavLinkHome:hover{color:#5552ff}nav .mobileNavLinkHome:hover:before{transform:scaleX(1)}/*!--------------------------hamburger menu--------------------*/.hamburger{display:block;margin:15px;width:25px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;position:absolute;top:2px;right:10px;z-index:100}.hamburger .bar,.hamburger:after,.hamburger:before{content:"";display:block;width:100%;height:2px;background-color:#5552ff;margin:6px 0;transition:.4s}.hamburger.is-active:before{transform:rotate(-45deg) translate(-2px,3px)}.hamburger.is-active .bar{opacity:0}.hamburger.is-active:after{transform:rotate(45deg) translate(-9px,-9px)}@media screen and (min-width: 800px){.hamburger,.logo{display:none}}@media screen and (max-width: 800px){nav{width:100%;height:65px;border-radius:0;border:none;border-bottom:1px solid #c2c0ff;top:0;display:flex;justify-content:space-between;align-items:_;flex-direction:_;gap:_}nav .navLink{display:none}nav div ul{display:block}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;overflow:clip;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.alert{width:100%;padding:16px;margin-top:1rem}.alert .alert-title{margin-top:0;margin-bottom:8px;font-size:18px;font-family:Poppins,sans-serif}.alert .alert-content{margin:0;font-size:18px;font-family:Open Sans,sans-serif;color:#555}.alert-3-danger{border:1px solid rgb(255,183.5,183.5);border-radius:8px;background-color:#ff38380d}.alert-3-danger .alert-title{color:#ff3838}.scroll{position:fixed;bottom:10px;left:90%;display:flex;justify-content:center;align-items:center;flex-direction:_;gap:_;height:2.5rem;width:2.5rem;z-index:99;border-radius:50%;cursor:pointer;background-color:#c2c0ff;transition:.5s ease-in-out;opacity:.2}.scroll img{width:24px;height:24px;transition:.5s ease-in-out;margin:.5rem 0 0 .5rem}.light .scroll{opacity:.6}.scroll:hover{height:2.6rem;width:2.6rem;opacity:1}.scroll:hover img{transform:translateY(-6px)}#hero{height:100vh;background-image:url(/Gradient.webp);background-position:center top;background-repeat:no-repeat;background-size:contain}.hero{text-align:center;height:100%;text-transform:capitalize;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:_}.hero header{width:70%;margin:2.5rem 0;opacity:0;animation:fade-in 1.5s ease forwards}.hero header h1{margin-bottom:1.5rem;font-size:42px;color:#f2f2f2}.light .hero header h1{color:#1e1e1e}.hero header p{font-size:20px;color:#898989}.light .hero header p{color:#4f4f4f}.hero div:nth-child(2){margin-top:2rem;width:20rem;opacity:0;animation:fade-in 2s ease forwards;animation-delay:1s}.hero div:nth-child(2) ul{display:flex;justify-content:space-around;align-items:center;flex-direction:row;gap:_}.hero div:nth-child(2) ul li{list-style-type:none}.hero div:nth-child(2) ul li a{color:#000;text-decoration:none;text-transform:capitalize}.hero div:nth-child(2) ul .btn{font-size:20px;padding:12px 20px;border-radius:8px;cursor:pointer}.hero div:nth-child(2) ul li a{color:#fff}.hero div:nth-child(2) ul .main-btn{background-color:#5552ff;transition:.5s ease-in-out;color:#d0d5dd}.hero div:nth-child(2) ul .main-btn:hover{scale:1.05;background-color:#41b468;color:#000}.hero div:nth-child(2) ul .main-btn a{transition:.5s ease-in-out}.hero div:nth-child(2) ul .main-btn a:hover{color:#000}.hero div:nth-child(2) ul .secondary-btn{background-color:#c2c0ff;transition:.5s ease-in-out;color:#000}.hero div:nth-child(2) ul .secondary-btn a{color:#000}.hero div:nth-child(2) ul .secondary-btn:hover{scale:1.05}@media screen and (max-width: 425px){.hero div:nth-child(2) ul .btn{font-size:15px}}@media screen and (max-width: 320px){.hero div:nth-child(2) ul .btn{font-size:13px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.about{display:flex;justify-content:space-between;align-items:_;flex-direction:row;gap:_;padding:95px 0}.about .about-info{width:50%;display:flex;justify-content:flex-start;align-items:_;flex-direction:column;gap:_;transform:translate(-100%);opacity:0;animation:slide-in 1s ease forwards;animation-timeline:view(80% 10%)}@keyframes slide-in{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.about .about-info div:nth-child(1){display:flex;justify-content:flex-start;align-items:_;flex-direction:column;gap:1rem}.about .about-info div:nth-child(1) h2{font-size:42px;font-weight:600;text-transform:capitalize}.light .about .about-info div:nth-child(1) h2{color:#1e1e1e}.about .about-info div:nth-child(1) p{font-size:16px;color:#898989}.light .about .about-info div:nth-child(1) p{color:#4f4f4f}.about .about-info div:nth-child(3){display:flex}.about .about-info div:nth-child(3) ul{display:flex;justify-content:space-around;align-items:center;flex-direction:row;gap:_}.about .about-info div:nth-child(3) ul li{list-style-type:none}.about .about-info div:nth-child(3) ul li a{color:#000;text-decoration:none;text-transform:capitalize}.about .about-info div:nth-child(3) ul .btn{font-size:20px;padding:12px 20px;border-radius:8px;cursor:pointer}.about .about-info div:nth-child(3) ul li a{color:#fff}.about .about-info div:nth-child(3) ul .main-btn{background-color:#5552ff;transition:.5s ease-in-out;color:#d0d5dd}.about .about-info div:nth-child(3) ul .main-btn:hover{scale:1.05;background-color:#41b468;color:#000}.about .about-info div:nth-child(3) ul .main-btn a{transition:.5s ease-in-out}.about .about-info div:nth-child(3) ul .main-btn a:hover{color:#000}.about .about-info div:nth-child(3) ul .secondary-btn{background-color:#c2c0ff;transition:.5s ease-in-out;color:#000}.about .about-info div:nth-child(3) ul .secondary-btn a{color:#000}.about .about-info div:nth-child(3) ul .secondary-btn:hover{scale:1.05}@media screen and (max-width: 425px){.about .about-info div:nth-child(3) ul .btn{font-size:15px}}@media screen and (max-width: 320px){.about .about-info div:nth-child(3) ul .btn{font-size:13px}}.about .imgContainer{width:40%;margin:1rem 0 0 1rem;scale:.5;opacity:0;animation:fade-in linear forwards;animation-timeline:view(90% 10%)}.about .imgContainer img{box-shadow:4px 4px 20px #0000001a;border-radius:10px;height:100%;width:100%;filter:grayscale(1);transition:1s ease-in-out;object-fit:cover}.light .about .imgContainer img{color:#4f4f4f;box-shadow:4px 4px 20px #00000080}.about .imgContainer img:hover{filter:grayscale(0)}.skills--container{height:fit-content;width:100%;display:flex;justify-content:center;align-items:_;flex-direction:column;gap:_}.skills--container .skills{background-color:#1e1e1e;display:flex;justify-content:center;align-items:_;flex-direction:column;gap:_;padding:3rem 0;width:80vw;margin:0 auto}@media screen and (min-width: 2560px){.skills--container .skills{width:1400px}}.light .skills--container .skills{background-color:#e4e4e4}.skills--container .skills .info{margin-bottom:1.5rem}.skills--container .skills .info h2{margin-bottom:0;font-size:42px}.skills--container .skills .mySwiper .swiper-button-next,.skills--container .skills .mySwiper .swiper-button-prev{color:#5552ff}.skills--container .skills .skills-container{display:flex;justify-content:flex-start;align-items:_;flex-direction:row;gap:_;flex-wrap:wrap;padding:0 1.5rem}.skills--container .skills .skills-container .skill{width:31%;height:fit-content;text-align:center;padding:1rem 0;margin:0 auto}.skills--container .skills .skills-container .skill img{width:60px;height:60px;padding:.7rem;border-radius:8px;background-color:#c2c0ff;scale:.5;opacity:0;animation:fade-in linear forwards;animation-timeline:view(50% 10%)}.skills--container .skills .skills-container .skill h3{margin:.2rem 0;color:#5552ff;font-weight:500;font-size:20px}.skills--container .skills .skills-container .skill p{color:#898989;font-size:14px}.light .skills--container .skills .skills-container .skill p{color:#4f4f4f}.projects-container{padding:5rem 0 3rem}.projects-container .projects{margin-top:.5rem;display:flex;justify-content:space-evenly;align-items:flex-start;flex-direction:row;gap:40px;flex-wrap:wrap}.projects-container .projects .project{border:1px solid #27272a;height:23rem;width:40%;padding:1rem;border-radius:8px;background-color:#1c1c1c;box-shadow:4px 4px 20px #00000014;transition:.5s ease-in-out;scale:.5;opacity:0;animation:fade-in linear forwards;animation-timeline:view(70% 10%)}.projects-container .projects .project:hover{background-color:#000}.light .projects-container .projects .project{background-color:#f9f9f9;border:1px solid #c5c5c5}.light .projects-container .projects .project:hover{background-color:#fff;box-shadow:4px 4px 20px #0003}.projects-container .projects .project .img{height:50%;border-radius:8px;margin-bottom:.4rem;background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:_;gap:_}.projects-container .projects .project .img img{width:90%;height:100%;object-fit:contain}.projects-container .projects .project .project-info a{font-weight:500;font-size:29px;color:#5552ff;margin-top:.7rem;cursor:pointer;transition:.5s ease-in-out}.projects-container .projects .project .project-info a:hover{color:#41b468}.projects-container .projects .project .project-info p{font-weight:400;font-size:16px;color:#898989}.light .projects-container .projects .project .project-info p{color:#737373}.projects-container .projects .project .project-info p.description{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}.projects-container .projects .project .project-info .date{margin-bottom:1rem}.light .features{background-color:#e4e4e4}.features .features-icons{display:flex;height:70%;gap:35px;margin:1.5rem 0}.features .feature{height:100%;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.features .feature img{scale:.5;opacity:0;animation:fade-in linear forwards;animation-timeline:view(50% 10%);padding:9px 15px;width:72px;height:72px;border-radius:8px;background-color:#c2c0ff}.features .feature h1{color:#5552ff;font-size:29px;font-weight:500;line-height:125%}.features .feature p{color:#898989}.light .features .feature p{color:#737373}.contact{max-width:700px;margin:0 auto;height:100%;padding:5rem 2.5rem 0rem;margin-top:5rem;background-color:#101010}.light .contact{background-color:#efefef}.contact .info{scale:.5;opacity:0;animation:fade-in linear forwards;animation-timeline:view(70% 10%)}.contact form{display:flex;flex-direction:column;max-width:100%;opacity:0;animation:expand-form 1s ease forwards;animation-timeline:view(50% 10%)}@keyframes expand-form{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.contact form input{border:none;margin:5px 0;padding:10px;border-radius:8px;outline:none;background-color:#c2c0ff}.contact form input::placeholder{color:#929292}.light .contact form input{background-color:#d0d5dd}.contact form textarea{border:none;margin:5px 0 10px;padding:10px;border-radius:8px;background-color:#c2c0ff;height:240px;resize:none;outline:none}.contact form textarea::placeholder{color:#929292;font-family:Poppins}.light .contact form textarea{background-color:#d0d5dd}.contact form .submit{padding:8px 20px;justify-content:center;align-items:center;gap:15px;border-radius:8px;background-color:#5552ff;color:#f2f2f2;font-size:20px;font-weight:400;cursor:pointer;border:none;transition:.5s ease-in-out;letter-spacing:3px}.light .contact form .submit{background-color:#5552ff}.contact form .submit:hover{scale:1.01;background-color:#41b468;color:#000}@media screen and (max-width: 1440px){.about .imgContainer{height:60vh}.skills--container .skills{padding:3rem 0}}@media screen and (max-width: 1024px){#hero{background-size:cover}.about{padding:80px 0}.about .about-info div:nth-child(1) h1{font-size:32px}.about .about-info div:nth-child(1) p{font-size:14px}.about .imgContainer{width:50%;height:fit-content}.skills--container .skills{padding:5rem 2rem}.skills--container .skills .skills-container{flex-wrap:wrap}.projects-container .projects .project{height:23rem;width:47%}.projects-container .projects .project .project-info h1{font-size:25px}.projects-container .projects .project .project-info p{font-size:14px}.projects-container .projects .project .project-info .date{margin-bottom:.5rem}.features .features-icons{gap:15px;margin:0}.features .feature img{width:62px;height:62px}.features .feature h1{font-size:25px}}@media screen and (max-width: 768px){.hero header h1{font-size:32px}.about{padding:80px 0}.about .about-info div:nth-child(1) h1{font-size:32px}.about .about-info div:nth-child(1) p{font-size:14px}.about .imgContainer{margin-top:3rem;width:60%;height:fit-content}.skills--container .skills{width:90%}.projects-container .projects .project{width:80%}.projects-container .projects .project .project-info h1{font-size:25px}.projects-container .projects .project .project-info p{font-size:14px}.projects-container .projects .project .project-info .date{margin-bottom:1rem}.features .features-icons{display:flex;flex-wrap:wrap;flex-direction:row;gap:2rem}.features .feature{width:45%;margin:0 auto}}@media screen and (max-width: 425px){.scroll{transform:translate(-50%);height:2rem;width:2rem}.scroll img{margin:.4rem 0 0 .3rem}.scroll:hover{height:2.3rem;width:2.3rem}.hero header{width:90%;margin-top:5rem}.hero header h1{font-size:28px}.hero header p{font-size:18px}.hero div:nth-child(2){margin-top:1rem;width:15rem}.about{padding:80px 0 50px;display:flex;justify-content:space-evenly;align-items:_;flex-direction:column-reverse;gap:1rem}.about .about-info{width:100%}.about .imgContainer{margin:1rem 0 0;width:100%;height:fit-content}.skills--container{height:fit-content}.skills--container .skills .skills-container .skill{width:80%}.projects-container .projects .project{width:100%}.projects-container .projects .project .project-info h1{font-size:25px}.projects-container .projects .project .project-info p{font-size:14px}.projects-container .projects .project .project-info .date{margin-bottom:.5rem}.features .feature{width:100%}.contact{padding:5rem .5rem 0rem}}@media screen and (max-width: 375px){.skills--container .skills .skills-container{padding:0}.skills--container .skills .skills-container div{width:90%}.projects-container .projects .project .img{background-size:250px 30px}}.socials-container{height:3rem;margin:2rem 0;display:flex;justify-content:flex-start;align-items:center;flex-direction:row;gap:20px}.socials-container .socialIcons{width:2.5rem;height:2.5rem;border:1px solid #27272a;padding:.5rem;border-radius:8px;transition:.5s ease-in-out}.light .socials-container .socialIcons{background-color:#f9f9f9}.socials-container .socialIcons .Vector,.socials-container .socialIcons .Vector_2,.socials-container .socialIcons .Vector_3,.socials-container .socialIcons .Vector_4{stroke:#f2f2f2}.light .socials-container .socialIcons .Vector,.light .socials-container .socialIcons .Vector_2,.light .socials-container .socialIcons .Vector_3,.light .socials-container .socialIcons .Vector_4{stroke:#1e1e1e}.socials-container .socialIcons:hover{background-color:#5552ff;scale:1.1}.light .socials-container .socialIcons:hover{background-color:#c2c0ff}main .hero_container{width:100%;padding-bottom:2rem;height:90vh;background-color:#1e1e1e}.light main .hero_container{background-color:#e4e4e4}main .hero_container .hero{width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:_}main .hero_container .hero .page_info{width:40%;text-align:left;padding-bottom:1rem;position:relative}main .hero_container .hero .page_info:after{content:"";display:block;width:60%;border-bottom:2px solid #5552ff;position:absolute;bottom:0}main .hero_container .hero .page_info h1{font-size:38px;font-weight:500;margin-bottom:1rem}.light main .hero_container .hero .page_info h1{color:#1e1e1e}main .hero_container .hero .page_info p{font-size:18px;line-height:30px;color:#898989}.light main .hero_container .hero .page_info p{color:#4f4f4f}main .hero_container .hero .latest_articles{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:_;width:50%}main .hero_container .hero .latest_articles .latest_article{height:23rem;display:block;width:100%}main .hero_container .hero .latest_articles .latest_article .latest_article_comp{border:1px solid #27272a;height:100%;padding:1rem;border-radius:8px;background-color:#1c1c1c;box-shadow:4px 4px 20px #00000014;transition:.5s ease-in-out}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .img{height:50%;border-radius:8px;margin-bottom:.4rem}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .img img{width:100%;height:100%;object-fit:cover;border-radius:8px}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info{text-align:left;margin:0;width:100%}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info a{font-weight:500;font-size:24px;color:#f2f2f2;margin-top:.7rem;cursor:pointer;transition:.5s ease-in-out}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info a:hover{color:#41b468}.light main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info a{color:#4f4f4f}.light main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info a:hover{color:#41b468}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info .latest_metadata{width:100%;margin:.5rem 0 1rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:_;gap:2rem}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info .latest_metadata .genres{align-items:flex-start;margin:0;display:flex;justify-content:_;align-items:center;flex-direction:_;gap:.5rem}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info .latest_metadata .genres p{color:#898989}.light main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info .latest_metadata .genres p{color:#4f4f4f}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info .latest_metadata .genres .genre{display:flex;justify-content:center;align-items:center;flex-direction:_;gap:.5rem;border:1px solid #27272a;margin:0;width:fit-content;padding:.3rem .5rem;background-color:#c2c0ff11;border-radius:50px;transition:.3s ease-in-out;font-size:14px;font-weight:300}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info .latest_metadata .genres .genre:hover{background-color:#c2c0ff2f}.light main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info .latest_metadata .genres .genre{color:#4f4f4f;border:1px solid #c5c5c5;background-color:#c2c0ff77}.light main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info .latest_metadata .genres .genre:hover{background-color:#c2c0ffc2}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info .latest_metadata .genres span>img{height:1rem}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info .latest_metadata p{font-weight:400;font-size:16px;color:#898989}.light main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info .latest_metadata p{color:#737373}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info .latest_metadata p.description{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info p{font-weight:400;font-size:16px;color:#898989}.light main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info p{color:#737373}main .hero_container .hero .latest_articles .latest_article .latest_article_comp .latest_article_info p.description{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}main .hero_container .hero .latest_articles .latest_article .latest_article_comp:hover{background-color:#000}.light main .hero_container .hero .latest_articles .latest_article .latest_article_comp{background-color:#f9f9f9;border:1px solid #c5c5c5}.light main .hero_container .hero .latest_articles .latest_article .latest_article_comp:hover{background-color:#fff;box-shadow:4px 4px 20px #0003}main .articles_section{width:1200px;margin-top:2rem}main .articles_section .search_section{width:60%;padding:0 1rem;margin:0 auto;text-align:center}main .articles_section .search_section h1{font-size:32px;font-weight:500;margin-bottom:1rem}.light main .articles_section .search_section h1{color:#1e1e1e}main .articles_section .search_section form{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:1rem}main .articles_section .search_section form input{border:none;margin:5px 0;padding:10px;border-radius:8px;width:80%;height:2.5rem;outline:none;background-color:#c2c0ff11;border:1px solid #27272a}main .articles_section .search_section form input::placeholder{color:#929292}.light main .articles_section .search_section form input{background-color:#d0d5dd;border:1px solid #c5c5c5}main .articles_section .search_section form button{padding:8px 20px;justify-content:center;align-items:center;width:20%;gap:15px;border-radius:8px;background-color:#5552ff;color:#f2f2f2;font-size:20px;font-weight:400;cursor:pointer;border:none;transition:.5s ease-in-out}.light main .articles_section .search_section form button{background-color:#5552ff}main .articles_section .search_section form button:hover{scale:1.01;background-color:#41b468;color:#000}main .articles_section .genres{width:100%;margin-top:1rem;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:1rem;flex-wrap:wrap}main .articles_section .genres .genre{cursor:pointer;padding:.4rem .8rem;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:0rem;border:1px solid #27272a;background-color:#c2c0ff11;border-radius:50px;transition:.3s ease-in-out;font-size:14px;font-weight:300}main .articles_section .genres .genre:hover{background-color:#c2c0ff2f}.light main .articles_section .genres .genre{color:#4f4f4f;border:1px solid #c5c5c5;background-color:#c2c0ff77}.light main .articles_section .genres .genre:hover{background-color:#c2c0ffc2}main .articles_section .genres p{transition:.5s ease-in-out;color:#898989}.light main .articles_section .genres p{color:#4f4f4f}main .articles_section .genres p svg path{transition:.5s ease-in-out}main .articles_section .genres p:hover p{color:#41b468}main .articles_section .genres p:hover svg path{fill:#41b468}main .articles_section .articles_container{width:1200px;margin:0 auto}main .articles_section .articles_container h1{font-size:32px;font-weight:500;margin:2rem 0;text-align:center}.light main .articles_section .articles_container h1{color:#1e1e1e}main .articles_section .articles_container .article_new{display:flex;flex-wrap:wrap;justify-content:space-between}main .articles_section .articles_container .article_new .article{border:1px solid #27272a;width:32.5%;height:28rem;padding:.5rem;border-radius:8px;margin-bottom:2rem;display:flex;justify-content:_;align-items:_;flex-direction:column;gap:1rem;box-shadow:4px 4px 20px #00000014;transition:.5s ease-in-out;scale:.5;opacity:0;animation:fade-in linear forwards;animation-timeline:view(90% 10%)}@keyframes fade-in{to{scale:1;opacity:1}}main .articles_section .articles_container .article_new .article:hover{background-color:#1c1c1c}.light main .articles_section .articles_container .article_new .article{background-color:#f9f9f9;border:1px solid #c5c5c5}.light main .articles_section .articles_container .article_new .article:hover{background-color:#fff;box-shadow:4px 4px 20px #0003}main .articles_section .articles_container .article_new .article .img{height:50%;width:100%;border-radius:8px}main .articles_section .articles_container .article_new .article .img img{width:100%;height:100%;border-radius:8px;object-fit:cover}main .articles_section .articles_container .article_new .article .article-info{width:100%}main .articles_section .articles_container .article_new .article .article-info a{font-weight:500;font-size:24px;color:#f2f2f2;cursor:pointer;transition:.5s ease-in-out}main .articles_section .articles_container .article_new .article .article-info a:hover{color:#41b468}.light main .articles_section .articles_container .article_new .article .article-info a{color:#4f4f4f}.light main .articles_section .articles_container .article_new .article .article-info a:hover{color:#41b468}main .articles_section .articles_container .article_new .article .article-info p{font-weight:400;font-size:16px;color:#898989}.light main .articles_section .articles_container .article_new .article .article-info p{color:#737373}main .articles_section .articles_container .article_new .article .article-info p.description{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}main .articles_section .articles_container .article_new .article .article-info .metadata{display:flex;justify-content:flex-start;align-items:center;flex-direction:_;gap:2rem;margin-bottom:.5rem;margin-top:.5rem}main .articles_section .articles_container .article_new .article .article-info .metadata .genres{margin:0;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:_;gap:2rem}main .articles_section .articles_container .article_new .article .article-info .metadata .genres .genre{display:flex;justify-content:space-between;align-items:center;flex-direction:_;gap:.2rem;border:none;background-color:transparent;border-radius:50px;transition:.3s ease-in-out;font-size:14px;font-weight:300}main .articles_section .articles_container .article_new .article .article-info .metadata .genres .genre:hover{background-color:#c2c0ff2f}.light main .articles_section .articles_container .article_new .article .article-info .metadata .genres .genre{color:#4f4f4f;border:1px solid #c5c5c5;background-color:#c2c0ff77}.light main .articles_section .articles_container .article_new .article .article-info .metadata .genres .genre:hover{background-color:#c2c0ffc2}main .articles_section .articles_container .article_new .article .article-info .metadata .genres .genre p{color:#898989}.light main .articles_section .articles_container .article_new .article .article-info .metadata .genres .genre p{color:#4f4f4f}main .articles_section .articles_container .article_new .article .article-info .metadata .genres .genre img{height:1rem}main .articles_section .articles_container .article_new .article .article-info .metadata p{font-weight:400;font-size:16px;color:#898989}.light main .articles_section .articles_container .article_new .article .article-info .metadata p{color:#737373}main .articles_section .articles_container .article_new .article .article-info .metadata p.description{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis}main .articles_section .articles_container .article_new .article .reading_time{margin:.7rem 0;display:flex;gap:.5rem}@media screen and (max-width: 1024px){main .hero_container .hero{width:85%}main .articles_section{width:100%}main .articles_section .search_section{width:65%}main .articles_section .articles_container{width:90%}}@media screen and (max-width: 768px){main .hero_container{padding-top:2.5rem}main .hero_container .hero .latest_articles .latest_article .latest_article_info a{font-size:22px}main .hero_container .hero .latest_articles .latest_article .latest_article_info .latest_metadata{margin-top:.5rem;margin-bottom:.5rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:_;gap:.5rem}main .hero_container .hero .latest_articles .latest_article .latest_article_info .latest_metadata .date{font-size:14px}main .hero_container .hero .latest_articles .latest_article .latest_article_info .latest_metadata .genres{flex-wrap:nowrap}main .hero_container .hero .latest_articles .latest_article .latest_article_info .latest_metadata .genres .genre{flex-wrap:nowrap;font-size:12px}main .hero_container .hero .latest_articles .latest_article .latest_article_info .latest_metadata .genres .genre img{height:1.2rem}main .articles_section .search_section{width:75%}main .articles_section .articles_container{width:75%}main .articles_section .articles_container .article .article-info a{font-size:22px}main .articles_section .articles_container .article .article-info .metadata{margin-top:.5rem;margin-bottom:.5rem;display:flex;justify-content:flex-start;align-items:center;flex-direction:_;gap:.5rem}main .articles_section .articles_container .article .article-info .metadata .date{font-size:14px}main .articles_section .articles_container .article .article-info .metadata .tags{flex-wrap:nowrap}main .articles_section .articles_container .article .article-info .metadata .tags .tag{flex-wrap:nowrap;font-size:12px}main .articles_section .articles_container .article .article-info .metadata .tags .tag img{height:1.2rem}}@media screen and (max-width: 425px){main .hero_container{height:fit-content}main .hero_container .hero{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:_;width:100%;padding-top:4rem}main .hero_container .hero .page_info{width:90%;margin-bottom:1rem}main .hero_container .hero .page_info h1{font-size:28px}main .hero_container .hero .page_info p{font-size:16px}main .hero_container .hero .latest_articles{width:90%}main .articles_section .search_section{padding:0;width:90%}main .articles_section .search_section h1{font-size:28px}main .articles_section .search_section form{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}main .articles_section .search_section form input{width:100%}main .articles_section .search_section form button{width:100%}main .articles_section .articles_container{width:90%}main .articles_section .articles_container h1{font-size:28px}main .articles_section .articles_container .article_new .article{width:100%}main .articles_section .articles_container .article_new .article .article-info a{font-size:18px}main .articles_section .articles_container .article_new .article .article-info .description{font-size:14px}main .articles_section .articles_container .article_new .article .article-info .metadata{margin-top:.5rem;margin-bottom:.5rem;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:.5rem}main .articles_section .articles_container .article_new .article .article-info .metadata .date{font-size:12px}main .articles_section .articles_container .article_new .article .article-info .metadata .tags{flex-wrap:nowrap;gap:.5rem}main .articles_section .articles_container .article_new .article .article-info .metadata .tags .tag{flex-wrap:nowrap;font-size:10px}main .articles_section .articles_container .article_new .article .article-info .metadata .tags .tag img{height:1rem}}@media screen and (max-width: 375px){main .articles_section .articles_container .article .article-info .metadata{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:_;gap:1.5rem}main .articles_section .articles_container .article .article-info .metadata .tag{display:flex;justify-content:space-between;align-items:center;flex-direction:_;gap:.3rem}main .articles_section .articles_container .article .article-info .metadata .tag svg{height:14px;width:14px}main .articles_section .articles_container .article .article-info .metadata p{font-weight:400;font-size:12px}main .articles_section .articles_container .article .article-info .metadata .date{margin-bottom:1rem}}@media screen and (max-width: 320px){main .hero_container .hero .latest_articles .latest_article .latest_article_info .latest_metadata{display:flex;justify-content:_;align-items:flex-start;flex-direction:_;gap:1rem}main .hero_container .hero .latest_articles .latest_article .latest_article_info .latest_metadata .tag svg{height:18px;width:18px}main .articles_section{width:100%;margin-top:2rem}main .articles_section .search_section{width:90%}main .articles_section .search_section h1{font-size:28px}main .articles_section .search_section .tags{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:.5rem}main .articles_section .search_section .tags .tag{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:.5rem}main .articles_section .articles_container{width:90%}main .articles_section .articles_container .article{height:8.5rem}main .articles_section .articles_container .article .img{width:40%}main .articles_section .articles_container .article .article-info a{font-size:18px}main .articles_section .articles_container .article .article-info .metadata{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:_;gap:.5rem}main .articles_section .articles_container .article .article-info .metadata .tag{font-size:10px}main .articles_section .articles_container .article .article-info .metadata .tag svg{height:14px;width:14px}main .articles_section .articles_container .article .article-info .metadata p{font-size:10px}}footer{border-top:1px solid #27272a;margin-top:120px;display:flex;justify-content:space-around;align-items:center;flex-direction:row;gap:_}footer .copyright{display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:_}footer .copyright img{height:3rem;margin-right:.5rem}footer .copyright p{color:#f2f2f2;font-size:20px;font-weight:400}.light footer .copyright p{color:#1e1e1e}@media screen and (max-width: 425px){footer{padding:1rem;margin-top:100px;display:flex;justify-content:space-around;align-items:center;flex-direction:column;gap:_}}.project--container{padding:6rem 6rem 2rem}.project--container .title{text-align:center;margin-bottom:1.5rem}.project--container .title h1{font-size:29px;font-weight:500;color:#5552ff}.project--container .title p{font-size:16px;color:#898989}.light .project--container .title p{color:#4f4f4f}.project--container .image--container{cursor:pointer;height:70vh;display:flex;justify-content:_;align-items:_;flex-direction:_;gap:10px;margin-bottom:2.5rem}.project--container .image--container .main--img{width:50%}.project--container .image--container .main--img img{height:100%;width:100%;object-fit:cover;border-radius:10px}.project--container .image--container .sec-images{width:50%;height:100%;display:flex;justify-content:_;align-items:_;flex-direction:column;gap:10px}.project--container .image--container .sec-images div{height:49%}.project--container .image--container .sec-images div img{height:100%;width:100%;object-fit:cover;border-radius:10px}.project--container .project--info{display:flex;justify-content:_;align-items:_;flex-direction:_;gap:_}.project--container .project--info .project--description{width:50%}.project--container .project--info .project--description h1{font-weight:400;font-size:22px;color:#f2f2f2;margin-bottom:1.3rem}.light .project--container .project--info .project--description h1{color:#1e1e1e}.project--container .project--info .project--description p{font-size:16px;color:#898989;margin-bottom:1.3rem}.light .project--container .project--info .project--description p{color:#4f4f4f}.project--container .project--info .project--description div{display:flex;justify-content:_;align-items:_;flex-direction:_;gap:_}.project--container .project--info .project--description div ul{display:flex;justify-content:space-around;align-items:center;flex-direction:row;gap:_}.project--container .project--info .project--description div ul li{list-style-type:none}.project--container .project--info .project--description div ul li a{color:#000;text-decoration:none;text-transform:capitalize}.project--container .project--info .project--description div ul .btn{font-size:20px;padding:12px 20px;border-radius:8px;cursor:pointer}.project--container .project--info .project--description div ul li a{color:#fff}.project--container .project--info .project--description div ul .main-btn{background-color:#5552ff;transition:.5s ease-in-out;color:#d0d5dd}.project--container .project--info .project--description div ul .main-btn:hover{scale:1.05;background-color:#41b468;color:#000}.project--container .project--info .project--description div ul .main-btn a{transition:.5s ease-in-out}.project--container .project--info .project--description div ul .main-btn a:hover{color:#000}.project--container .project--info .project--description div ul .secondary-btn{background-color:#c2c0ff;transition:.5s ease-in-out;color:#000}.project--container .project--info .project--description div ul .secondary-btn a{color:#000}.project--container .project--info .project--description div ul .secondary-btn:hover{scale:1.05}@media screen and (max-width: 425px){.project--container .project--info .project--description div ul .btn{font-size:15px}}@media screen and (max-width: 320px){.project--container .project--info .project--description div ul .btn{font-size:13px}}.project--container .project--info .project--description div ul .secondary-btn{margin:0 1rem}.project--container .project--info .project--tools{width:50%;margin-left:1rem}.project--container .project--info .project--tools .project--type h1{font-weight:400;font-size:22px;color:#f2f2f2;margin-bottom:1.3rem}.light .project--container .project--info .project--tools .project--type h1{color:#1e1e1e}.project--container .project--info .project--tools .project--type p{font-size:16px;color:#898989;margin-bottom:1.3rem}.light .project--container .project--info .project--tools .project--type p{color:#4f4f4f}.project--container .project--info .project--tools .projects--languages h1{font-weight:400;font-size:22px;color:#f2f2f2;margin-bottom:1.3rem}.light .project--container .project--info .project--tools .projects--languages h1{color:#1e1e1e}.project--container .project--info .project--tools .projects--languages .languages{display:flex;justify-content:_;align-items:_;flex-direction:_;gap:25px;flex-wrap:wrap}.project--container .project--info .project--tools .projects--languages .languages div{height:100%;width:3rem;height:3rem}.project--container .project--info .project--tools .projects--languages .languages div img{width:60px;height:60px;padding:.7rem;border-radius:8px;background-color:#c2c0ff}.project--container .gallery--container{position:fixed;width:100%;height:100%;bottom:0;right:0;z-index:99;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);padding:2rem 3rem;display:none}.project--container .gallery--container.show{display:block}.project--container .gallery--container h1{font-weight:500;color:#5552ff;text-align:center;margin-bottom:1.5rem}.project--container .gallery--container .gallery{display:flex;justify-content:center;align-items:_;flex-direction:_;gap:10px;flex-wrap:wrap;overflow-y:scroll;height:90%}.project--container .gallery--container .gallery div{height:fit-content;width:25rem}.project--container .gallery--container .gallery div img{object-fit:contain;height:100%;width:100%;border-radius:10px;cursor:zoom-in}.project--container .gallery--container .enlarged-image{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;overflow:hidden;border-radius:10px;backdrop-filter:blur(5px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.project--container .gallery--container .enlarged-image img{width:85%;height:fit-content;object-fit:contain;border-radius:10px;border:1px solid #27272a;cursor:zoom-out}@media screen and (max-width: 768px){.project--container .project--info .project--description div ul{display:flex;justify-content:flex-start;align-items:_;flex-direction:column;gap:_}.project--container .project--info .project--description div ul .main-btn{width:100%;text-align:center}.project--container .project--info .project--description div ul .secondary-btn{margin:1rem 0rem}}@media screen and (max-width: 425px){.project--container{padding:4.5rem 2rem 2rem}.project--container .image--container{height:fit-content;display:flex;justify-content:_;align-items:center;flex-direction:column;gap:10px;margin-bottom:1.5rem}.project--container .image--container .main--img,.project--container .image--container .sec-images{width:90%}.project--container .project--info{display:flex;justify-content:_;align-items:_;flex-direction:column;gap:1rem}.project--container .project--info .project--description{width:90%}.project--container .project--info .project--tools{width:100%;margin-left:0rem}}@media screen and (max-width: 320px){.project--container{padding:4.5rem 1.5rem 2rem}.project--container .image--container .main--img,.project--container .image--container .sec-images{width:100%}.project--container .gallery--container h1{font-size:25px}}.alert-2-success{border-left:4px solid #41b468;background-color:#41b4680d}.alert-2-success .alert-title{color:#41b468}.section{width:100%;height:100vh;margin:0 auto}@media screen and (max-width: 425px){.section{height:fit-content}}.skills-section{width:100%;height:100vh;margin:0 auto}@media screen and (max-width: 1024px){.skills-section{height:fit-content}}.container{width:80%;height:100%;margin:0 auto}@media screen and (max-width: 320px){.container{width:90%}}@media screen and (min-width: 2560px){.container{width:1400px}}.info{text-align:center;padding:0 4rem 1rem}.info h2{margin-bottom:1rem;color:#f2f2f2;font-size:42px;font-weight:600}.light .info h2{color:#1e1e1e}.info p{color:#898989;font-size:16px;font-weight:400}.light .info p{color:#4f4f4f}@media screen and (max-width: 1440px){.info h1,.info p{margin-bottom:1rem}}@media screen and (max-width: 425px){.info{padding:0 .5rem 1rem}}.features{padding:5rem 2.5rem;height:100%;background-color:#1e1e1e}.light .features{background-color:#efefef}@media screen and (max-width: 425px){.features{padding:5rem 1rem}}.loading-container{top:0;left:0;right:0;bottom:0;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9999}.loading-container .joke-container{width:600px;text-align:center}.light .loading-container .joke-container{color:#000}@media screen and (max-width: 425px){.loading-container .joke-container{width:90%}}.apology{margin-bottom:1rem}main{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:_}main .article_container{padding:6rem 0 2rem;width:70vw}main .article_container .article_img{height:60vh;width:100%;border-radius:8px}main .article_container .article_img img{object-fit:cover;height:100%;width:100%;border-radius:8px}main .article_container .title{margin:3rem 0}main .article_container .title h1{color:#f2f2f2;font-weight:400;font-size:38px}.light main .article_container .title h1{color:#1e1e1e}main .article_container .title .metadata{display:flex;justify-content:_;align-items:_;flex-direction:row;gap:1rem;color:#898989;font-size:16px}main .article_container .title .metadata p:not(:last-child){border-right:2px solid #5552ff;padding-right:1rem}main .article_container article pre{margin:1.5rem 0;padding:1rem;border-radius:16px;overflow:scroll;background-color:#1c1c1c}main .article_container article h2{margin:1.5rem 0;color:#f2f2f2;font-weight:400;font-size:24px}.light main .article_container article h2{color:#1e1e1e}main .article_container article p{margin:1rem 0;color:#898989;font-size:16px}.light main .article_container article p{color:#4f4f4f}main .article_container article blockquote{padding:0rem 1rem;border-left:2px solid #5552ff;margin:1.5rem 0}main .article_container article blockquote cite{color:#f2f2f2}.light main .article_container article blockquote cite{color:#1e1e1e}main .article_container article ul,main .article_container article ol{padding:0 2rem;color:#898989}.light main .article_container article ul,.light main .article_container article ol{color:#4f4f4f}main .article_container article ul li,main .article_container article ol li{padding:.2rem}main .article_container article ul li::marker,main .article_container article ol li::marker{color:#5552ff}main .article_container article img{object-fit:cover;height:60vh;width:100%;border-radius:8px;margin:1rem 0}@media screen and (max-width: 1024px){main .article_container .title h1{font-size:24px}main .article_container .title .metadata{font-size:14px}main .article_container article h2{font-size:24px}main .article_container article p{font-size:16px}}@media screen and (max-width: 425px){main .article_container{width:90vw}main .article_container .title h1{font-size:20px;margin-bottom:.5rem}main .article_container .title .metadata{font-size:12px}main .article_container article h2{font-size:18px}main .article_container article p{font-size:14px}}@media screen and (max-width: 375px){main .article_container .title h1{font-size:22px}main .article_container .title .metadata{font-size:14px}main .article_container article h2{font-size:22px}main .article_container article p{font-size:14px}}