@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--black-clr: #101111;--white-color: #f5f5f5;--lighterBlack-clr: #151515;--iconsHVR-clr: #292929;--iconsbg-clr: #1c1c1c;--whiteMode-clr: #202020;--lightBlue-clr: #52c5ff;--lavandar-clr: #6a52ff;--teal-clr: #288ca5;--lightBlue-clr: #e1e2fd;--softblue-clr: #9ccaff;--size-xxs: .5rem;--size-xs: .75rem;--size-sm: .875rem;--size-base: 1rem;--size-lg: 1.125rem;--size-xlg: 1.25rem;--size-2xl: 1.5rem;--size-3xl: 1.875rem;--size-4xl: 2.25rem;--size-5xl: 3rem;--size-6xl: 3.75rem;--size-7xl: 4.5rem;--size-8xl: 6rem;--size-9xl: 8rem;--size-10xl: 10rem}.Container{width:100%;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem;box-sizing:border-box}.section{margin-top:5rem;box-sizing:border-box}@media (min-width: 475px){.Container{max-width:475px}}@media (min-width: 640px){.Container{max-width:640px}}@media (min-width: 768px){.Container{max-width:768px}}@media (min-width: 1024px){.Container{max-width:1024px}.section{margin-top:10rem}}@media (min-width: 1280px){.Container{max-width:1280px}}@media (min-width: 1536px){.Container{max-width:1536px}}*{line-height:calc(1em + .5rem);margin:0}html{scroll-behavior:smooth}body{font-family:Poppins,Roboto,Open Sans,sans-serif;background-color:var(--black-clr);color:var(--white-color);overflow-x:hidden}img,svg{display:block;max-width:100%;-webkit-user-select:none;user-select:none}button{display:inline-block;padding:0;border:none;background:none;cursor:pointer}strong{color:var(--teal-clr)}.btn{background-color:var(--white-color);border-radius:30px;font-size:var(--size-base);font-weight:700;display:flex;align-items:center;justify-content:center;color:var(--teal-clr)}.btn:hover{scale:1.075;transition-duration:.3s}.btn a{text-decoration:none;color:var(--teal-clr);padding:calc(.5em + 3.5px) calc(1em + 3.5px)}.small{font-size:var(--size-xs)}.star{animation:blink 2s infinite}@keyframes blink{0%{opacity:1;scale:1.2}50%{opacity:.5;scale:1}to{opacity:1;scale:1.2}}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 #0000004d}body::-webkit-scrollbar-thumb{background-color:var(--softblue-clr);outline:1px solid var(--softblue-clr)}@media (min-width: 475px){.small{font-size:var(--size-sm)}}@media (min-width: 640px){.small{font-size:var(--size-base)}}@media (min-width: 1024px){.btn{font-size:var(--size-base)}}.header nav{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;padding-bottom:2rem;font-size:var(--size-xs);font-weight:600;box-sizing:border-box}.header__left,.header__right{max-width:181.8px;width:100%}.header__left{gap:.75em;font-weight:800;font-size:var(--size-base);cursor:default}.header__left{display:flex;align-items:center;justify-content:center}.header__left img{width:var(--size-5xl);height:auto}.header__right{display:none}.prof{padding:calc(.5em + 3.5px) calc(1em + 3.5px)}.header__menu{display:none}.header__sideMenu{z-index:9999;position:relative;background-color:var(--iconsbg-clr);border-radius:30px}.header__sideMenu:hover>img{background-color:var(--iconsHVR-clr);transition-duration:.3s}.header__sideMenu img{width:var(--size-2xl);background-color:var(--iconsbg-clr);padding:1em;border-radius:30px}.header__sideMenu:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;background:linear-gradient(200deg,var(--softblue-clr),var(--lightBlue-clr));background-clip:border-box;border-radius:30px;transition:background .3s}@media (min-width: 768px){.header__left{gap:.75em;font-weight:800;cursor:default}.header__left,.header__right{display:flex;justify-content:center}.header__left img{width:44px;height:auto}.header__menu{position:relative;display:flex;align-items:center;list-style:none;gap:2em;background-color:var(--iconsbg-clr);padding:5px;border-radius:30px}.header__menu:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;background:linear-gradient(200deg,var(--softblue-clr),var(--lightBlue-clr));background-clip:border-box;border-radius:inherit;transition:background .3s}.sun__icon,.prof{cursor:pointer}.prof img{width:18px}.sun__icon{width:var(--size-lg)}.header__links{text-decoration:none;display:flex;align-items:center;color:var(--white-color);padding:.5em 1em;border-radius:20px}.header__links:hover{background-color:var(--iconsHVR-clr);transition-duration:.3s}.header__right{gap:2em}.header__sideMenu{display:none}}@media (min-width: 1024px){.header__links,.header__right{font-size:var(--size-sm)}.header__left{gap:.75em;font-weight:800;font-size:var(--size-xlg);cursor:default}.header__left img{width:var(--size-5xl);height:auto}.sun__icon{width:var(--size-2xl)}.header__links{color:var(--white-color);font-size:var(--size-base);padding:.5em 1em}}.Mobile__nav{position:absolute;width:100%;height:100%;top:0;left:0;display:none;align-items:center;justify-content:center;z-index:999;background-color:var(--black-clr)}.Mobile__menu{padding:0;list-style:none;display:flex;flex-direction:column;align-items:center;gap:1rem;font-size:var(--size-lg)}.Mobile__links{text-decoration:none;color:var(--white-clr)}.Mobile__links.sun__icon{width:30px}.Welcome{margin-top:50px}.gridbg{position:relative;height:600px;display:flex;align-items:center;justify-content:center;background-position:center;background-image:linear-gradient(to right,hsla(0,0%,94%,.2) 1px,transparent 1px),linear-gradient(to bottom,hsla(0,0%,94%,.2) 1px,transparent 1px);background-size:8rem 4rem}.Welcome__title{padding:30px;width:70%;background-color:var(--black-clr);display:flex;flex-direction:column;gap:10px;text-align:center;align-items:center;transform:translateY(-50px)}.Welcome__title h1{color:var(--lightBlue-clr);font-size:var(--size-xlg)}.Welcome__title p{font-size:var(--size-sm)}.str1{width:30px;position:absolute;left:0;top:65%;transform:translateY(-25%)}.str2{width:30px;position:absolute;top:0;right:25%;transform:translate(-50%,15%)}.Tech{width:100%;padding:20px 10px;box-sizing:border-box;border-top:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2);overflow:auto}.Tech ul{width:100%;display:inline-flex;flex-shrink:0;gap:20px;white-space:nowrap;padding:0;list-style:none;justify-content:space-between}.Tech ul li{font-size:var(--size-xs);flex-shrink:0}.Tech ul li img{width:18px;aspect-ratio:1/1;height:auto}@media (min-width: 475px){.str1{width:30px;position:absolute;left:0;top:55%;transform:translateY(-20%)}.str2{width:30px;position:absolute;top:0;right:25%;transform:translate(-50%,15%)}.Tech{width:100%;padding:20px 0;border-top:2px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(255,255,255,.2)}.Tech ul{width:100%;display:flex;padding:0;list-style:none;justify-content:space-between}.Tech ul li{font-size:var(--size-sm)}.Tech ul li img{width:22px}}@media (min-width: 640px){.gridbg{background-size:12rem 5rem}.Welcome__title h1{color:var(--lightBlue-clr);font-size:var(--size-2xl)}.Welcome__title p,.Tech ul li{font-size:var(--size-base)}.Tech ul li img{width:24px}}@media (min-width: 1024px){.Welcome__title h1{color:var(--lightBlue-clr);font-size:var(--size-4xl)}.Welcome__title p{font-size:var(--size-lg)}}@media (min-width: 1536px){.Welcome__title h1{color:var(--lightBlue-clr);font-size:var(--size-5xl)}.Welcome__title p{font-size:var(--size-xlg)}}.About{position:relative}.About__christmas{width:8%;position:absolute;top:0;right:20px;rotate:45deg}.About__paper{display:none;position:absolute;width:5%;top:50%;right:30px}.About h2{font-size:var(--size-2xl)}.About__Container{display:flex;flex-direction:column;align-items:flex-start}.About__me{max-width:900px;font-size:var(--size-xs)}.About__me span{color:var(--softblue-clr);font-weight:600}.About__me a{font-weight:700;color:var(--softblue-clr)}.About__ex{display:flex;margin-top:10px;max-width:625px}.About__ex img{width:var(--size-4xl)}.About__timeLine{display:flex;flex-direction:column;align-items:center;margin-left:10px}.About__num{aspect-ratio:1/1;font-size:var(--size-lg);border:2px solid var(--white-color);width:50px;height:auto;border-radius:50px;display:flex;align-items:center;justify-content:center;margin:10px 0}.About__line{background-color:var(--white-color);opacity:.2;width:1px;height:100%}.About__info{font-size:var(--size-xs);padding:20px 0 0 20px}@media (min-width: 475px){.About h2{font-size:var(--size-3xl)}.About__me{font-size:var(--size-base)}.About__ex img{width:var(--size-6xl)}.About__num{font-size:var(--size-lg);border:2px solid var(--white-color);width:auto;padding:10px}.About__info{font-size:var(--size-base);padding:20px 0 0 35px}}@media (min-width: 640px){.About h2{font-size:var(--size-3xl)}.About__me{font-size:var(--size-lg)}.About__ex img{width:var(--size-6xl)}.About__num{font-size:var(--size-xlg);border:2px solid var(--white-color);padding:10px}.About__info{font-size:var(--size-lg);padding:20px 0 0 35px}}@media (min-width: 1024px){.About__paper{display:block}.About h2{font-size:var(--size-4xl)}.About__me{font-size:var(--size-xlg)}.About__ex img{width:var(--size-7xl)}.About__num{font-size:var(--size-2xl);border:2px solid var(--white-color);padding:10px}.About__info{font-size:var(--size-lg);padding:20px 0 0 35px}}@media (min-width: 1536px){.About h2{font-size:var(--size-5xl)}.About__me{font-size:var(--size-2xl)}.About__ex img{width:var(--size-7xl)}.About__num{font-size:var(--size-3xl);border:2px solid var(--white-color);padding:10px}.About__info{font-size:var(--size-xlg);padding:20px 0 0 35px}}.Projects h2{font-size:var(--size-2xl);margin-bottom:20px}.Projects__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background-color:var(--lighterBlack-clr);padding:20px;margin:30px 0}.Projects__card h3,.Projects__card p{align-self:flex-start;text-align:left}.Projects__Img{position:relative}.Projects__Img:after{content:"";background:linear-gradient(90deg,var(--softblue-clr),var(--lightBlue-clr));opacity:.7;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transition:opacity .3s}.Projects__Img:hover:after{opacity:.3}.Projects__info{display:flex;flex-direction:column;align-items:flex-start;text-align:center;width:100%;gap:10px}@media (min-width: 1024px){.Projects__card{flex-direction:row}.Projects__card h3{font-size:var(--size-2xl)}.Projects__card p{font-size:var(--size-lg)}.Projects__card__revert{flex-direction:row-reverse}.Projects__info{align-items:center}.Projects__card h3,.Projects__card p{align-self:center;text-align:center}}@media (min-width: 1536px){.Projects__card h3{font-size:var(--size-3xl)}.Projects__card p{font-size:var(--size-xlg)}}.ContactMe{position:relative}.ContactMe__PaintBrush{width:5%;display:none;position:absolute;top:-100px;left:50px}.ContactMe__wrapper{width:100%;margin-bottom:50px;gap:30px;display:flex;justify-content:center}.ContactMe{margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start}.ContactMe__Question{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:600px}.ContactMe__Question h3{font-size:var(--size-2xl)}.ContactMe__Question h3 img{display:inline-block;transform:translate(10%,25%)}.ContactMe__Question p{font-size:var(--size-sm)}.ContactMe__Art{display:none;position:relative;width:450px;height:auto;aspect-ratio:2/1;overflow:hidden}.line{position:absolute;width:100%;height:1px;background-color:#fff3}.ContactMe__Art img{position:absolute}.Contact__firststar{top:63%;left:66%}.Contact__secondstar{top:40%;left:51%;transform:translateY(-50%)}.line1{rotate:90deg;left:20%}.line2{rotate:90deg;left:35%}.line3{rotate:90deg;left:5%}.line4{top:40%}.line5{top:70%}.ContactMe__Social{align-self:center;display:flex;list-style:none;gap:10px;justify-content:center;background-color:var(--iconsbg-clr);border-radius:30px;width:fit-content;padding:5px;position:relative}.ContactMe__Social:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;background:linear-gradient(200deg,var(--softblue-clr),var(--lightBlue-clr));background-clip:border-box;border-radius:inherit;transition:background .3s}.ContactMe__Social li{border-radius:30px}.ContactMe__Social li a{text-decoration:none;display:flex;align-items:center;color:var(--white-color);padding:.5em 1em;border-radius:20px}.ContactMe__Social li:hover{background-color:var(--iconsHVR-clr);transition-duration:.3s}.ContactMe__Social li a img{width:20px;height:auto;aspect-ratio:1/1}.BackToTop{position:fixed;bottom:20px;right:20px;z-index:100}.BackToTop button{padding:5px;border-radius:50%}.BackToTop button img{width:40px;height:auto;aspect-ratio:1/1;rotate:180deg}@media (min-width: 768px){.ContactMe li a img{width:24px;padding:0}}@media (min-width: 1024px){.ContactMe__PaintBrush,.ContactMe__Art{display:block}.ContactMe__Social li a img{width:30px;padding:0;height:auto;aspect-ratio:1/1}}@media (min-width: 1280px){.ContactMe__Question h3{font-size:var(--size-4xl)}.ContactMe__Question p{font-size:var(--size-base)}}footer{text-align:center;opacity:.5}.loading{filter:blur(40px) grayscale(100%);overflow:hidden}.loaded{filter:blur(0px) grayscale(0%);transition:.7s ease-in-out}.loading2{overflow:hidden;transform:translateY(50px);opacity:0}.loaded2{transform:translateY(0);opacity:1;transition:1s ease-out}.loading3{overflow:hidden;transform:translate(-50px);opacity:0}.loaded3{transform:translate(0);opacity:1;transition:1s ease-out}.loading4{overflow:hidden;transform:translate(50px);opacity:0}.loaded4{transform:translate(0);opacity:1;transition:1s ease-out}.loading5,.loading6,.loading7{opacity:0}.loaded5,.loaded6,.loaded7{opacity:1}.loaded5{animation:shake 1.5s 1}.loaded6{animation:fly 3s 1}.loaded7{animation:shake2 2s 1}@keyframes shake{0%{rotate:-20deg;scale:.9}50%{rotate:60deg;scale:1.1}to{rotate:45deg;scale:1}}@keyframes fly{0%{transform:translate(-300px,300px)}to{transform:translate(0)}}@keyframes shake2{0%{rotate:0deg;scale:.9}30%{rotate:-30deg;scale:1.2}60%{rotate:30deg;scale:1.1}to{rotate:0deg;scale:1}}