@import url(https://fonts.googleapis.com/css2?family=BBH+Bartle&display=swap);@import url(https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900&family=Saira:ital,wght@0,100..900;1,100..900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--ffpoppins:"poppins";--ffLeagueSpartan:"League Spartan";--ffSaira:"Saira";--ffroboto:"Roboto";--ffBBHBartle:"BBH Bartle";--bg-gradient-jet:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;--bg-gradient-yellow-1:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);--bg-gradient-yellow-2:linear-gradient(135deg,rgba(255,218,107,.251),#ffbb5c00 59.86%),#202022;--bg-gradient-onyx:linear-gradient(to bottom right,#3f3f40 3%,#303030 97%);--bg:#030303;--tbg:#323234f2;--black-1:#202022;--black-2:#1e1e1f;--white-1:#fff;--white-2:#fafafa;--light-gray:#d6d6d6;--light-gray-70:#d6d6d6b3;--orange-1:#ffdb70;--orange-2:#ceb15a;--jet:#383838;--lightGold:#cbbd6c;--text-gradient-yellow:linear-gradient(90deg,#ffdb70,#ffbb5c);--shadow-1:-4px 8px 24px #00000040;--shadow-2:0 16px 30px #00000040;--shadow-3:0 16px 40px #00000040;--shadow-4:0 25px 50px #00000026;--shadow-5:0 24px 80px #00000040;--fs-1:clamp(1.9rem,1.7rem + 2.5vw,3.5rem);--fs-2:clamp(1.7rem,1.5rem + 1.5vw,3.1rem);--fs-3:clamp(1.488rem,1.3rem + 1.4vw,2.525rem);--fs-4:clamp(1.163rem,1rem + 1.06vw,1.9rem);--fs-5:clamp(0.93rem,0.85rem + 0.56vw,1.2rem);--fs-6:clamp(0.92rem,0.8rem + 0.29vw,1rem);--fs-7:clamp(0.9rem,0.75rem + 0.13vw,0.938rem);--fs-8:clamp(0.788rem,0.7rem + 0.09vw,0.75rem);--transition-1:0.25s ease;--transition-2:0.5s ease-in-out}.light-mode{--bg-gradient-jet:linear-gradient(to bottom right,#fafafae6,#e6e6e600),#f2f2f2;--bg-gradient-yellow-1:linear-gradient(to bottom right,#ffecb3,#ffe38f00 50%);--bg-gradient-yellow-2:linear-gradient(135deg,#ffecb3b3,#ffdf8000 60%),#f2f2f2;--bg-gradient-onyx:linear-gradient(to bottom right,#e6e6e6 3%,#d9d9d9 97%);--bg:#fff;--tbg:#fafafabf;--black-1:#fafafa;--black-2:#f2f2f2;--white-1:#1a1a1a;--white-2:#262626;--light-gray:#4d4d4d;--light-gray-70:#e6e6e6b3;--orange-1:#f0c02d;--orange-2:#e7bb36;--jet:#ccc;--lightGold:#cbbd6c;--text-gradient-yellow:linear-gradient(90deg,#ffdb70,#f7d264);--shadow-1:-4px 8px 24px #ffffff40;--shadow-2:0 16px 30px #ffffff40;--shadow-3:0 16px 40px #ffffff40;--shadow-4:0 25px 50px #ffffff26;--shadow-5:0 24px 80px #ffffff40}a{color:inherit;text-decoration:none}li{list-style:none}button{background:none;border:none;cursor:pointer;font-size:inherit}img{display:block}.loading{color:#ffdb70;color:var(--orange-1);font-family:poppins;font-family:var(--ffpoppins);font-size:2rem;min-height:100vh}.loading,.scroll-up{align-items:center;display:flex;justify-content:center}.scroll-up{background:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);background:var(--bg-gradient-yellow-1);border-radius:50%;bottom:40px;box-shadow:0 16px 30px #00000040;box-shadow:var(--shadow-2);cursor:pointer;height:50px;position:fixed;right:40px;transition:.5s ease-in-out;transition:var(--transition-2);width:50px;z-index:100}.scroll-up:hover{background:linear-gradient(135deg,rgba(255,218,107,.251),#ffbb5c00 59.86%),#202022;background:var(--bg-gradient-yellow-2);transform:translateY(-5px)}.scroll-up svg{color:#fff;color:var(--white-1);font-size:24px;height:24px;width:24px}.form-loader{align-items:center;display:flex;font-family:poppins;font-family:var(--ffpoppins);justify-content:center;padding:2rem}.form-loader,.loading-icon{color:#ffdb70;color:var(--orange-1);font-size:2rem}.loading-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}section{animation-timeline:view();animation-range:entry 0 cover 40%;animation:fade linear;margin:2rem auto;max-width:1200px;padding:1.5rem 0}.section-title{color:#fff;color:var(--white-1);font-family:poppins;font-family:var(--ffpoppins);font-size:clamp(1.9rem,1.7rem + 2.5vw,3.5rem);font-size:var(--fs-1);margin-bottom:2rem;margin-top:3rem;position:relative;text-align:center;text-transform:capitalize}.animate .section-title{animation:title 1s linear forwards;opacity:0}@keyframes title{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.section-title:after{background:#ffdb70;background:var(--orange-1);border-radius:5px;content:"";display:block;height:4px;margin:0 auto;top:100%;width:50px}.section-subtitle{color:#cbbd6c;color:var(--lightGold);font-family:poppins;font-family:var(--ffpoppins);font-size:clamp(.9rem,.75rem + .13vw,.938rem);font-size:var(--fs-7);margin-bottom:2rem;position:relative;text-align:center;text-transform:capitalize}@keyframes fade{0%{opacity:0}to{opacity:1}}h2{font-size:clamp(2.5rem,1.588rem + -.39vw,1.6rem)}h3{font-size:clamp(1.725rem,1.727rem + -.455vw,1.4rem)}h4{font-size:clamp(1.5rem,1.302rem + -.455vw,1.063rem)}h5{font-size:clamp(1.4rem,1.202rem + -.455vw,.963rem)}html{scroll-behavior:smooth}body{background:#030303;background:var(--bg);color:#fff;color:var(--white-1);font-family:poppins;font-family:var(--ffpoppins);font-size:1rem;line-height:1.5;width:100%}.app-layout{display:flex;flex-direction:column;height:100vh;justify-content:space-between}.main-wrapper{flex:1 1;overflow:auto}.main-wrapper::-webkit-scrollbar{width:8px}.main-wrapper::-webkit-scrollbar-thumb{background-color:#ceb15a;background-color:var(--orange-2);border-radius:4px}.main-wrapper::-webkit-scrollbar-track{background-color:#030303;background-color:var(--bg)}.main-container{margin:auto;max-width:1400px;min-width:100%;transition:.5s ease-in-out;transition:var(--transition-2)}.head{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#323234f2;background:var(--tbg);border-bottom:2px solid #383838;border-bottom:2px solid var(--jet);border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 16px 40px #00000040;box-shadow:var(--shadow-3);justify-content:space-between;padding-right:20px;position:fixed;top:0;transition:border-image .3s ease;width:100%;z-index:10}.head,.logo{align-items:center;display:flex}.logo{animation:logoFadeIn 1s linear;color:#ffdb70;color:var(--orange-1);cursor:pointer;font-family:BBH Bartle;font-family:var(--ffBBHBartle);font-size:clamp(1.488rem,1.3rem + 1.4vw,2.525rem);font-size:var(--fs-3);font-weight:700;letter-spacing:4px;position:relative;text-transform:uppercase;transition:.5s ease-in-out;transition:var(--transition-2)}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo span{background:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);background:var(--bg-gradient-yellow-1);box-shadow:0 16px 30px #00000040;box-shadow:var(--shadow-2);display:inline-block;padding:0 .8rem}.logo:hover span{background:linear-gradient(135deg,rgba(255,218,107,.251),#ffbb5c00 59.86%),#202022;background:var(--bg-gradient-yellow-2);color:#cbbd6c;color:var(--lightGold)}.head.scrolled-up{border-image:linear-gradient(90deg,#0000,#d6d6d6b3,#0000) 1;border-image:linear-gradient(to right,#0000,var(--light-gray-70),#0000) 1}.nav-list{align-items:center;display:flex;justify-content:space-evenly}.nav-item{animation:navfade 1s linear;cursor:pointer;padding:13px;position:relative;transition:.5s ease-in-out;transition:var(--transition-2)}@keyframes navfade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav-item:after{background:linear-gradient(90deg,#d9a60d 0,#4d5030 50%);bottom:-5px;content:" ";height:4px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center;transition:.5s ease-in-out;transition:var(--transition-2)}.nav-item:hover:after{transform:scaleX(1)}.nav-link{color:#fafafa;color:var(--white-2);font-family:poppins;font-family:var(--ffpoppins);font-size:clamp(.93rem,.85rem + .56vw,1.2rem);font-size:var(--fs-5);padding:20px 7px;text-transform:capitalize;transition:color .25s ease;transition:color var(--transition-1)}.nav-link:focus,.nav-link:hover{color:#d6d6d6;color:var(--light-gray)}.nav-active{color:#ffdb70!important;color:var(--orange-1)!important;font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6)}.hamburger,.hamburger:after,.hamburger:before{background:#ffdb70;background:var(--orange-1);border-radius:1em;display:block;height:3px;transition:transform .25s ease-in-out;width:2em}.nav-toggle{background:#0000;border:0;cursor:pointer;display:none;padding:.5em;position:absolute;right:1em;z-index:1000}.hamburger{display:block;position:relative}.hamburger:after,.hamburger:before{content:"";left:0;position:absolute;right:0}.hamburger:before{top:6px}.hamburger:after{bottom:6px}.nav-open .hamburger{transform:rotate(225deg)}.nav-open .hamburger:after{opacity:0}.nav-open .hamburger:before{transform:rotate(90deg) translateX(-6px)}.nav-open .nav{transform:translateX(0)}.nav-open .nav-toggle{position:fixed}.switch{display:inline-block;height:30px;margin-right:5rem;position:relative;width:70px}.switch input{height:0;opacity:0;width:0;& svg{color:#ffdb70;color:var(--orange-1)}}.slider{background-color:#030303;background-color:var(--bg);border-radius:30px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:1s}.slider:before{background-color:#383838;background-color:var(--jet);border-radius:20px;content:"";filter:blur(3px);height:1.9rem;left:2px;width:1.9rem;z-index:2}.sun svg{left:36px;top:6px}.moon svg,.sun svg{color:#ffdb70;color:var(--orange-1);height:24px;position:absolute;width:24px;z-index:1}.moon svg{left:5px;top:5px}.sun svg{animation:rotate 15s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.moon svg{animation:tilt 5s linear infinite}@keyframes tilt{0%{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}to{transform:rotate(0deg)}}.input:checked+.slider{background-color:initial}.input:checked+.slider:before{background-color:#030303;background-color:var(--bg);transform:translateX(30px)}.hero{margin-top:3.5rem;min-height:100vh;position:relative}.hero,.hero-container{align-items:center;display:flex;width:100%}.hero-container{justify-content:space-around}.hero-content{animation:content 1s linear}@keyframes content{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.hero-content h1{color:#d6d6d6;color:var(--light-gray);font-family:League Spartan;font-family:var(--ffLeagueSpartan);line-height:1.2;margin-bottom:2rem;margin-top:2rem}.hero-content h1,.hero-content h1 span{font-size:clamp(1.9rem,1.7rem + 2.5vw,3.5rem);font-size:var(--fs-1)}.hero-content h1 span{display:block;font-weight:300}.hero-content h1 span,.hero-content h2{color:#d6d6d6b3;color:var(--light-gray-70)}.hero-content h2{font-family:League Spartan;font-family:var(--ffLeagueSpartan);font-size:clamp(1.7rem,1.5rem + 1.5vw,3.1rem);font-size:var(--fs-2);font-weight:600;line-height:1.1;margin-bottom:2rem}.hero-content h2 span{animation:typing 2.5s steps(15) infinite alternate;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(90deg,#7c3b14,#e5e842);border-right:2px solid #cbbd6c;border-right:2px solid var(--lightGold);color:#0000;display:block;font-style:italic;overflow:hidden;white-space:nowrap;width:18ch}@keyframes typing{0%{width:0}}.hero p{animation:fade 4s ease-in-out;color:#d6d6d6b3;color:var(--light-gray-70);font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6);margin-bottom:2rem}.cta-buttons{display:flex;gap:15px;justify-content:center;margin-bottom:3rem}.btn{background:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);background:var(--bg-gradient-yellow-1);border-radius:10px;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);color:#d6d6d6b3;color:var(--light-gray-70);font-size:clamp(.9rem,.75rem + .13vw,.938rem);font-size:var(--fs-7);padding:10px 20px;text-decoration:none;transition:.5s ease-in-out;transition:var(--transition-2)}.btn-outline{background:#0000;border:1px solid #d6d6d6b3;border:1px solid var(--light-gray-70)}.btn:hover{background:linear-gradient(135deg,rgba(255,218,107,.251),#ffbb5c00 59.86%),#202022;background:var(--bg-gradient-yellow-2)}.btn-outline:nth-child(2){align-items:center;display:flex}.btn-outline:nth-child(2) svg{fill:#d6d6d6b3;fill:var(--light-gray-70);margin-right:5px}.hero-image{align-items:center;align-self:self-start;animation:image 1s linear;aspect-ratio:2/3;box-shadow:inset 0 0 10px #cbbd6c,inset 0 0 20px #cbbd6c;box-shadow:inset 0 0 10px var(--lightGold),inset 0 0 20px var(--lightGold);display:flex;justify-content:center;margin-top:1rem;max-height:430px;max-width:380px;padding:.4rem;position:relative}.hero-image,.hero-image img{border-radius:50%;width:100%}.hero-image img{animation:blink 2s linear infinite;aspect-ratio:1;display:block;height:100%;object-fit:contain;object-position:center;transform:scale(1.1);transition:var(--transition-4);z-index:1}@keyframes blink{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.hero-image:hover img{animation:none;transform:scale(1.2)}@keyframes image{0%{transform:translateX(-100%) scale(0)}to{transform:translateX(0) scale(1)}}.hero-image:before{animation:pulse 2s infinite alternate;background:radial-gradient(circle,#fffc,#fff0);border-radius:50%;content:"";display:block;inset:-5px;position:absolute;transition:.5s ease-in-out;transition:var(--transition-2)}.hero-image:hover:before{display:none}@keyframes pulse{0%{opacity:.5;transform:scale(.6)}to{opacity:.3;transform:scale(1.1)}}.info{margin:0 auto;max-width:300px}.social-media{gap:1rem}.media,.social-media{align-items:center;display:flex;justify-content:center}.media{background:#030303;background:var(--bg);border:1px solid #d6d6d6;border:1px solid var(--light-gray);border-radius:50%;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);cursor:pointer;height:35px;padding:.4rem;position:relative;transition:.5s ease-in-out;transition:var(--transition-2);width:35px}.media a{color:#d6d6d6;color:var(--light-gray);display:block;font-size:max(clamp(.93rem,.85rem + .56vw,1.2rem),20px);font-size:max(var(--fs-5),20px)}.media:after{animation:pulse 2s infinite;background:conic-gradient(#ffdb70 var(--fill),#0000 var(--fill));border-radius:inherit;content:"";inset:-1px;position:absolute;transition:--fill 1.5s ease-in-out;z-index:-1}@property --fill{syntax:"<percentage>";inherits:true;initial-value:0}.media:hover{--fill:100%;border:none;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);transform:translateY(-3px);transition:.25s ease;transition:var(--transition-1)}.media:hover .linkedin{color:#0af}.media:hover .github{color:#fff}.media:hover .instagram{color:#ff0a85}.media:hover .facebook{color:#0af}.indicator{animation:bounce 2s infinite;bottom:20px;left:50%;position:absolute;text-align:center;transition:.5s ease-in-out;transition:var(--transition-2)}.indicator .material-symbols-outlined{color:#d6d6d6;color:var(--light-gray);cursor:pointer;font-size:40px;font-size:clamp(1.488rem,1.3rem + 1.4vw,2.525rem);font-size:var(--fs-3);transition:transform .3s ease-in-out}.indicator:hover .material-symbols-outlined{color:#ffdb70;color:var(--orange-1);transform:scale(1.2)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.indicator:hover:after{background-color:var(--tooltip-background-color);border-radius:5px;bottom:100%;box-shadow:0 16px 40px #00000040;box-shadow:var(--shadow-3);content:attr(data-title);font-size:clamp(.9rem,.75rem + .13vw,.938rem);font-size:var(--fs-7);left:50%;opacity:0;opacity:1;padding:5px 10px;position:absolute;transform:translateX(-50%);transition:opacity .3s ease-in-out;white-space:nowrap;z-index:10}main{border:1px solid #383838;border:1px solid var(--jet);border-bottom:none;border-radius:20px;margin:auto auto 65px;max-width:90%;min-width:259px}article{background:var(--eerie-black-2);box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);opacity:0;padding:15px;transform:translateY(30px);transition:opacity .8s ease-in-out,transform .8s ease-in-out;z-index:1}article:hover{box-shadow:0 16px 30px #00000040;box-shadow:var(--shadow-2);transform:translateY(-5px)}article.animate{opacity:1;transform:translateY(0)}.about-text{animation:fade 2s linear forwards;color:#d6d6d6;color:var(--light-gray);font-family:poppins;font-family:var(--ffpoppins);font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6);font-weight:300;line-height:1.6;opacity:0;text-align:justify;transition:opacity 1s linear;transition-delay:.2s}.animate .about-text{opacity:1}.about-text p{margin-bottom:10px}.about-text span{color:#fff;color:var(--white-1);font-family:League Spartan;font-family:var(--ffLeagueSpartan);font-size:clamp(.93rem,.85rem + .56vw,1.2rem);font-size:var(--fs-5);font-weight:500}.about-text b{background:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;background:var(--bg-gradient-jet);border-radius:5px;color:#cbbd6c;color:var(--lightGold);font-weight:500;margin-right:5px;padding:2px}.about-text strong{font-weight:500;text-transform:capitalize}.contact-me-link,.link-my-story{background:#202022;background:var(--black-1);border-radius:10px;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);color:#ffdb70;color:var(--orange-1);display:inline-block;font-size:clamp(.788rem,.7rem + .09vw,.75rem);font-size:var(--fs-8);font-weight:700;padding:5px 10px;text-decoration:none;text-transform:capitalize}.contact-me-link:visited,.link-my-story:visited{background:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);background:var(--bg-gradient-yellow-1)}.about-text .link-my-story,.contact-me-text .contact-me-link{color:#ffdb70;color:var(--orange-1)}.contact-me-link:hover,.link-my-story:hover{background:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);background:var(--bg-gradient-yellow-1);box-shadow:0 16px 30px #00000040;box-shadow:var(--shadow-2);color:#cbbd6c;color:var(--lightGold);transition:.25s ease;transition:var(--transition-1)}.benefits,.contact-me,.service{margin-bottom:35px;margin-top:3rem}.benefits-title,.contact-me-title,.service-title{color:#cbbd6c;color:var(--lightGold);font-family:BBH Bartle;font-family:var(--ffBBHBartle);font-size:clamp(1.163rem,1rem + 1.06vw,1.9rem);font-size:var(--fs-4);margin-bottom:30px;text-transform:capitalize}.animate .benefits-title,.animate .contact-me-title,.animate .service-title{animation:titles 1s linear forwards;animation-delay:.5s;opacity:0;transform:translateY(-20)}@keyframes titles{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.service-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.service-item{animation:service 1s linear forwards;background:var(--border-gradient-onyx);border-radius:14px;box-shadow:0 16px 30px #00000040;box-shadow:var(--shadow-2);padding:20px;position:relative;transform:scale(0);transition:all 2s linear}@keyframes service{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.benefits-item:before,.service-item:before{background:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;background:var(--bg-gradient-jet);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}.service-item:hover{box-shadow:0 16px 30px #00000040;box-shadow:var(--shadow-2);transform:translateY(-5px);transition:.5s ease-in-out;transition:var(--transition-2)}.service-item .service-icon{color:#ffdb70;color:var(--orange-1);font-size:clamp(1.488rem,1.3rem + 1.4vw,2.525rem);font-size:var(--fs-3);margin-bottom:10px}.benefits h3,.service h3{color:#d6d6d6;color:var(--light-gray);font-family:Roboto;font-family:var(--ffroboto);font-size:clamp(.93rem,.85rem + .56vw,1.2rem);font-size:var(--fs-5);font-weight:600;margin-bottom:7px;text-transform:capitalize}.service-description{color:#d6d6d6;color:var(--light-gray);font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6);font-weight:300;line-height:1.6}.benefits-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));position:relative}.benefits-item{animation:qualities 1s linear forwards;background:var(--border-gradient-onyx);border:1px solid #383838;border:1px solid var(--jet);border-radius:14px;box-shadow:0 25px 50px #00000026;box-shadow:var(--shadow-4);color:#d6d6d6;color:var(--light-gray);opacity:0;padding:20px;transition:.25s ease;transition:var(--transition-1)}.benefits-item:hover{background:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);background:var(--bg-gradient-yellow-1);transform:translateY(-5px)}.benefits-item:before{background:var(--bg-gradient);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}@keyframes qualities{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.benefits-item:first-child{animation-delay:.5s}.benefits-item:nth-child(2){animation-delay:1s}.benefits-item:nth-child(3){animation-delay:1.5s}.benefits-item:nth-child(4){animation-delay:2s}.benefits-item:nth-child(5){animation-delay:2.5s}.benefits-item:nth-child(6){animation-delay:3s}.benefits-item:nth-child(7){animation-delay:3.5s}.benefits-item:nth-child(8){animation-delay:4s}.benefits-item:nth-child(9){animation-delay:4.5s}.benefits-item:nth-child(10){animation-delay:5s}.benefits-item .text,.contact-me-text{font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6);font-weight:300;line-height:1.6}.benefits-indicator{color:#ffdb70;color:var(--orange-1);font-size:clamp(.93rem,.85rem + .56vw,1.2rem);font-size:var(--fs-5);position:absolute;right:10px;top:10px}.show-text{background:linear-gradient(to bottom right,#ffda6b,#ffc06100 50%);background:var(--bg-gradient-yellow-1);border:1px solid #d6d6d6b3;border:1px solid var(--light-gray-70);box-shadow:0 25px 50px #00000026;box-shadow:var(--shadow-4);padding:20px;transition:.25s ease;transition:var(--transition-1)}.show-text h3{color:#fafafa;color:var(--white-2)}.filter-list{align-items:center;display:flex;gap:25px;justify-content:flex-start;margin-bottom:30px;padding-left:15px}.animate .filter-list{animation:filter 1s linear forwards;animation-delay:.5s;opacity:0;transform:translateX(0)}@keyframes filter{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.filter-item button{background:none;border:none;color:#d6d6d6;color:var(--light-gray);font-size:clamp(.93rem,.85rem + .56vw,1.2rem);font-size:var(--fs-5);transition:.5s ease-in-out;transition:var(--transition-2)}.filter-item .active{color:#ffdb70;color:var(--orange-1)}.filter-item button:hover{color:#d6d6d6b3;color:var(--light-gray-70)}.filter-select-box{margin-bottom:25px;position:relative}.animate .filter-select-box{animation:filterBox 1s linear forwards;animation-delay:.5s;opacity:0}@keyframes filterBox{0%{opacity:0}to{opacity:1}}.filter-select-box .select-icon{transition:.5s ease-in-out;transition:var(--transition-2)}.filter-select,.filter-select-box .select-icon{color:#d6d6d6;color:var(--light-gray);font-size:clamp(.9rem,.75rem + .13vw,.938rem);font-size:var(--fs-7)}.filter-select{align-items:center;background:#1e1e1f;background:var(--black-2);border:1px solid #383838;border:1px solid var(--jet);border-radius:14px;display:flex;font-weight:300;justify-content:space-between;outline:none;padding:12px 16px;width:100%}.filter-select:hover{background:#202022;background:var(--black-1)}.select-icon{font-size:clamp(.9rem,.75rem + .13vw,.938rem);font-size:var(--fs-7);transition:.25s ease;transition:var(--transition-1)}.select-icon-turn{transform:rotate(.5turn);transition:.5s ease-in-out;transition:var(--transition-2)}.select-list{background:#1e1e1f;background:var(--black-2);border:1px solid #383838;border:1px solid var(--jet);border-radius:14px;opacity:1;padding:6px;pointer-events:all;position:absolute;top:calc(100% + 6px);transition:.5s ease-in-out;visibility:visible;width:100%;z-index:2}.select-list-hide{display:none;opacity:0;pointer-events:none;transition:.5s ease-in-out;visibility:hidden}.select-item button{background:#383838;background:var(--jet);border-bottom:1px solid #202022;border-bottom:1px solid var(--black-1);color:#d6d6d6;color:var(--light-gray);font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6);font-weight:300;padding:8px 10px;text-transform:capitalize;width:100%}.select-item button:hover{background:#cbbd6c;background:var(--lightGold)}.projects-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:15px;padding:10px 5px;position:relative}.project-item{animation-timeline:view();animation-range:entry 0 cover 40%;animation:scaleUp linear;background:#1e1e1f;background:var(--black-2);border:1px solid #383838;border:1px solid var(--jet);border-radius:16px;box-shadow:0 16px 30px #00000040;box-shadow:var(--shadow-2);display:block;overflow:hidden;transition:.5s ease-in-out;transition:var(--transition-2)}@keyframes scaleUp{0%{transform:scale(.5)}to{transform:scale(1)}}.project-item>a{width:100%}.project-img{border-radius:16px;height:200px;overflow:hidden;position:relative;width:100%}.project-img:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:.25s ease;transition:var(--transition-1);width:100%;z-index:1}.project-item>a:hover .project-img:before{background:#00000080}.project-item-icon-box{--scale:0.8;background:#1e1e1f;background:var(--black-2);border-radius:12px;color:#fafafa;color:var(--white-2);font-size:20px;left:50%;opacity:0;padding:18px;position:absolute;top:50%;transform:translate(-50%,-50%) scale(var(--scale));transition:.25s ease;transition:var(--transition-1);z-index:1}.project-item>a:hover .project-item-icon-box{--scale:1;opacity:1}.project-img img{height:100%;object-fit:cover;transition:.25s ease;transition:var(--transition-1);width:100%}.project-info{padding:.4rem 1.3rem;position:relative}.project-info h3{color:#fff;color:var(--white-1);font-size:clamp(1.163rem,1rem + 1.06vw,1.9rem);font-size:var(--fs-4);font-weight:500}.project-info h3:hover{color:#ffdb70;color:var(--orange-1)}.project-info p{color:#d6d6d6;color:var(--light-gray);font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6)}.project-info p:hover{color:#cbbd6c;color:var(--lightGold)}.project-links{background:#202022;background:var(--black-1);border-radius:0 0 16px 16px;bottom:0;display:flex;gap:10px;margin-top:10px;padding:10px 0;position:relative;transition:.25s ease;transition:var(--transition-1)}.project-links .btn{background:none;border:1px solid #383838;border:1px solid var(--jet);border-radius:10px;color:#ffdb70;color:var(--orange-1);display:flex;font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6);gap:8px;transition:.5s ease-in-out;transition:var(--transition-2)}.project-links a:hover{background:#202022;background:var(--black-1);color:#cbbd6c;color:var(--lightGold)}.resume{display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:800px}.timeline{margin-bottom:30px}.timeline .title-wrapper{align-items:center;display:flex;gap:15px;margin-bottom:30px}.title-wrapper .icon-box{color:#ffdb70;color:var(--orange-1)}.timeline-list{font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6);margin-left:65px;margin-top:15px}.timeline-item{position:relative;width:100%}.timeline-item-title{font-size:clamp(.93rem,.85rem + .56vw,1.2rem);font-size:var(--fs-5);line-height:1.3;margin-bottom:7px}.timeline-item:not(:last-child){margin-bottom:20px}.timeline-list time{color:#ceb15a;color:var(--orange-2);font-weight:var(--fw-400);line-height:1.6}.timeline-item:not(:last-child):before{background:#383838;background:var(--jet);content:"";height:calc(100% + 50px);left:-40px;position:absolute;top:-25px;width:1px}.timeline-item:after{background:#ffdb70;background:var(--orange-1);border-radius:50%;box-shadow:0 0 0 4px #383838;box-shadow:0 0 0 4px var(--jet);content:"";height:8px;left:-43px;position:absolute;top:5px;width:8px}.timeline-text{color:#d6d6d6;color:var(--light-gray);font-weight:300;line-height:1.6}.skills-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.skills-item{background:#202022;background:var(--black-1);border:1px solid #383838;border:1px solid var(--jet);border-radius:10px;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);padding:10px 10px 20px}.skills-item h3{color:#d6d6d6;color:var(--light-gray);font-family:Roboto;font-family:var(--ffroboto);font-size:clamp(1.163rem,1rem + 1.06vw,1.9rem);font-size:var(--fs-4);font-weight:500;text-transform:capitalize}.skill .title-wrapper{align-items:center;display:flex;gap:5px;margin-bottom:10px}.skills-item:hover{box-shadow:0 16px 30px #00000040;box-shadow:var(--shadow-2);transform:translateY(-5px)}.bar,.skills-item:hover{transition:.25s ease;transition:var(--transition-1)}.bar{background:#383838;background:var(--jet);border-radius:10px;height:10px}.bar,.bar-fill{position:relative}.bar-fill{animation:fill 5s forwards;background:#cbbd6c;background:var(--lightGold);border-radius:inherit;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);height:100%;transform:scale(0);transform-origin:left;transition:transform 4s linear}.animate .bar-fill{transform:scale(1)}@keyframes fill{0%{transform:scaleX(0)}to{transform:scale(1)}}.bar-fill:after{background:#ffdb70;background:var(--orange-1);border-radius:5px;bottom:120%;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);color:#1e1e1f;color:var(--black-2);content:attr(data-label);display:none;font-size:clamp(.788rem,.7rem + .09vw,.75rem);font-size:var(--fs-8);padding:3px;position:absolute;right:5px;transform:translate(20px);transition:.25s ease;transition:var(--transition-1)}.skills-item:hover .bar-fill:after{display:block;transform:translateX(0)}.address{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:30px}.mapbox{border:1px solid #383838;border:1px solid var(--jet);border-radius:18px;height:380px;overflow:hidden;position:relative;width:70%}.mapbox figure{height:100%;width:100%}.mapbox iframe{border:none;filter:grayscale(1) invert(1);max-height:100%;max-width:500px}.offline-map{align-items:center;background-color:var(--background-color);border:2px solid #383838;border:2px solid var(--jet);border-radius:10px;box-shadow:0 25px 50px #00000026;box-shadow:var(--shadow-4);display:flex;height:100%;justify-content:center;padding:15px}.offline-map p{color:var(--text-color);font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6);font-weight:500;text-align:center}.more-info{background:#1e1e1f;background:var(--black-2);border:1px solid #383838;border:1px solid var(--jet);border-radius:10px;box-shadow:-4px 8px 24px #00000040;box-shadow:var(--shadow-1);padding:10px 20px;transition:.5s ease-in-out;transition:var(--transition-2)}.contact-list{grid-gap:15px;display:grid;font-size:clamp(.9rem,.75rem + .13vw,.938rem);font-size:var(--fs-7);gap:15px;grid-template-columns:1fr;overflow-wrap:break-word;word-break:break-word}.contact-item{align-items:center;display:flex;gap:16px;min-width:100%}.contact-info{max-width:calc(100% - 46px);width:calc(100% - 46px)}.contact-icon i{color:#ffdb70;color:var(--orange-1);display:block;font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6)}.contact-title{color:#d6d6d6b3;color:var(--light-gray-70);font-size:clamp(.9rem,.75rem + .13vw,.938rem);font-size:var(--fs-7);margin-bottom:2px;text-transform:uppercase}.contact-info :is(.contact-link,time,address){color:#d6d6d6;color:var(--light-gray);display:block;font-size:clamp(.788rem,.7rem + .09vw,.75rem);font-size:var(--fs-8);font-weight:700;text-decoration:none;transition:.25s ease;transition:var(--transition-1)}.contact-info :is(.contact-link,time,address):hover{box-shadow:0 16px 30px #00000040;box-shadow:var(--shadow-2);color:#cbbd6c;color:var(--lightGold);transition:.25s ease;transition:var(--transition-1)}.separator{background:#d6d6d6b3;background:var(--light-gray-70);height:2px;margin-top:2rem;width:100%}.contact-form{margin-bottom:3rem}.form{margin-top:1rem}.form-title{margin-bottom:20px}.input-wrapper{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.form-input{border:1px solid #383838;border:1px solid var(--jet);border-radius:14px;color:#383838;color:var(--jet);font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6);font-weight:400;outline:none;padding:15px 20px}.form-input::placeholder{font-weight:var(500)}.form-input:focus{border:1px solid #ceb15a;border:1px solid var(--orange-2)}.error-message{color:#dc2828}textarea.form-input{height:120px;margin-bottom:30px;margin-right:1rem;max-height:200px;min-height:100px;resize:vertical}textarea.form-input::-webkit-resizer{display:none}.form-input:disabled{background:#d6d6d6b3;background:var(--light-gray-70);cursor:not-allowed;opacity:.5}.form-input:focus:invalid{border:1px solid #b84c4c}.form-btn{align-items:center;background:var(--border-gradient-onyx);border-radius:14px;box-shadow:0 16px 40px #00000040;box-shadow:var(--shadow-3);color:var(--orange-yellow-crayola);display:flex;font-size:16;gap:10px;justify-content:center;margin-left:auto;padding:16px 20px;position:relative;text-transform:capitalize;width:max-content;z-index:1}.form-btn,.form-btn:before{transition:.25s ease;transition:var(--transition-1)}.form-btn:before{background:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;background:var(--bg-gradient-jet);border-radius:inherit;content:"";inset:1px;position:absolute;z-index:-1}.form-btn ion-icon{font-size:18px}.form-btn:hover{background:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;background:var(--bg-gradient-jet)}.form-btn:hover:before{background:linear-gradient(135deg,rgba(255,218,107,.251),#ffbb5c00 59.86%),#202022;background:var(--bg-gradient-yellow-2)}.form-btn:disabled{cursor:not-allowed;opacity:.7}.form-btn:disabled:hover{background:var(--border-gradient-onyx)}.form-btn:disabled:hover:before{background:linear-gradient(to bottom right,rgba(45,45,46,.251),#1b1b1d00),#202022;background:var(--bg-gradient-jet)}.response-message{animation:fadeOut 5s ease-in-out forwards;color:#cbbd6c;color:var(--lightGold);font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6);font-weight:500;margin-top:20px;text-align:center}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@media screen and (max-width:1024px){section{padding:1.5rem .3rem}.hero{margin-top:3rem}.hero-container{flex-direction:column;gap:2rem;justify-content:space-between}.hero-image{align-self:center;justify-self:self-start;margin:1rem;max-height:350px;max-width:300px}.hero-content h1,.hero-content h2{line-height:1.3}.hero h1,.hero h2,.hero p{text-align:center}}@media screen and (max-width:768px){.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#323234f2;background:var(--tbg);display:flex;height:100vh;justify-content:center;padding:20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:.5s ease-in-out;transition:var(--transition-2);width:100%}.nav-list{align-items:center;flex-direction:column;gap:10px;justify-content:space-around;margin-top:20px}.nav-toggle{display:block;position:fixed;z-index:9000}.nav-link{font-size:clamp(1.488rem,1.3rem + 1.4vw,2.525rem);font-size:var(--fs-3);letter-spacing:2px}.nav-active,.nav-link:focus,.nav-link:hover{font-size:clamp(1.163rem,1rem + 1.06vw,1.9rem);font-size:var(--fs-4)}.btn{font-size:clamp(.93rem,.85rem + .56vw,1.2rem);font-size:var(--fs-5);padding:10px 18px}main{border:none;max-width:100%}.link-my-hestory{font-size:clamp(.788rem,.7rem + .09vw,.75rem);font-size:var(--fs-8)}.benefits-title,.contact-me-title,.service-title{text-align:center}.projects-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skills-list{grid-template-columns:1fr}.timeline-list{margin-left:45px}.timeline-item:not(:last-child):before{left:-30px}.timeline-item:after{height:8px;left:-33px;width:8px}}@media screen and (max-width:640px){.head{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.logo span{padding:.2rem 1.5rem}.nav-toggle{display:block;position:fixed;z-index:9000}.hero{margin-top:2rem}.hero-container{flex-direction:column;gap:1rem;justify-content:center;padding:15px}.hero-image{max-height:230px;max-width:200px}.hero-content h1{margin-top:0}.hero-content h1,.hero-content h2{margin-bottom:1rem}.hero-content h2 span{margin:auto;width:16ch}.hero-content p{margin-bottom:1.5rem}.btn{font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6);padding:8px 15px}.cta-buttons{margin-bottom:2rem}.media{height:35px;width:35px}.indicator .material-symbols-outlined{font-size:30px}.indicator{bottom:8px}main{border-radius:0}article{margin-top:.5rem;padding:.75rem}.timeline,.timeline .title-wrapper{margin-bottom:20px}.timeline-list{font-size:clamp(.92rem,.8rem + .29vw,1rem);font-size:var(--fs-6);margin-left:45px}.timeline-item:after{height:6px;left:-33px;width:6px}.timeline-item:not(:last-child):before{left:-30px}.address{align-items:center;flex-direction:column;gap:2.5rem;justify-content:center}.mapbox{height:300px;width:95%}.mapbox iframe{max-height:100%;max-width:100%}.contact-info :is(.contact-link,time,address),.contact-title{font-size:clamp(.9rem,.75rem + .13vw,.938rem);font-size:var(--fs-7)}.contact-info :is(.contact-link,time,address){text-wrap:normal;width:100%}.contact-list{gap:15px;overflow-wrap:normal;word-break:normal}.separator{margin-top:1.5rem}.form-btn{width:100%}}@media screen and (max-width:360px){.hero-image{max-height:180px;max-width:150px}}@media (min-width:1024px){:root{--shadow-1:-4px 8px 24px rgba(0,0,0,.125);--shadow-2:0 16px 30px rgba(0,0,0,.125);--shadow-3:0 16px 40px rgba(0,0,0,.125)}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:#d6d6d6b3;background:var(--light-gray-70)}body::-webkit-scrollbar-thumb{background:#ffffff1a;border:10px solid #d6d6d6;border:10px solid var(--light-gray);border-radius:5px}body::-webkit-scrollbar-thumb:hover{background:#ffffff26}body::-webkit-scrollbar-button{height:30px}article{box-shadow:0 24px 80px #00000040;box-shadow:var(--shadow-5)}main{margin-bottom:60px}.main-content{margin:auto;position:relative;width:max-content}.navbar-list{gap:50px;padding:0 20px}.nav-link{font-size:clamp(.93rem,.85rem + .56vw,1.2rem);font-size:var(--fs-5);font-weight:500}.projects-list,.skills-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.projects-list{gap:50px}.mapbox{height:460px}.mapbox iframe{max-height:100%;max-width:100%}.more-info{background:#202022;background:var(--black-1);width:60%}.social-media{gap:2rem}.contact-list{font-size:clamp(.93rem,.85rem + .56vw,1.2rem);font-size:var(--fs-5);gap:24px;padding:10px}.contact-item{align-items:center;display:flex;gap:26px;min-width:100%}.contact-icon i{font-size:clamp(1.163rem,1rem + 1.06vw,1.9rem);font-size:var(--fs-4)}.contact-title{margin-bottom:2px;text-transform:uppercase}.contact-info :is(.contact-link,time,address),.contact-title{font-size:clamp(.93rem,.85rem + .56vw,1.2rem);font-size:var(--fs-5)}.contact-info :is(.contact-link,time,address){font-weight:700;text-decoration:none}}.Footer_footer__yIlFo{align-items:center;background-color:var(--tbg);border-top:1px solid var(--light-gray-70);cursor:pointer;display:flex;gap:5rem;justify-content:center;padding:1.3rem 2rem;position:relative;transition:background-color .5s ease,color .3s ease;width:100%}.Footer_footer__yIlFo span{color:#888;font-size:var(--fs-5);font-weight:500;letter-spacing:.05rem}.Footer_contact__J38sW{align-items:center;display:flex;gap:2rem}.Footer_email__VwcBy,.Footer_phone__rrZkh{align-items:center;display:flex;gap:.5rem;transition:transform .3s ease,opacity .3s ease}.Footer_email__VwcBy a,.Footer_phone__rrZkh a{color:var(--light-gray-70);transition:color .3s ease}.Footer_email__VwcBy:hover,.Footer_phone__rrZkh:hover{opacity:.85;transform:translateY(-2px)}.Footer_footer__yIlFo svg{font-size:1.2rem}.Footer_phone__rrZkh svg{color:#25d366;transition:color .3s ease,transform .3s ease}.Footer_phone__rrZkh:hover svg{filter:drop-shadow(0 0 6px rgba(37,211,102,.6));transform:scale(1.15)}.Footer_email__VwcBy svg{color:var(--orange-2);transition:transform .3s ease,filter .3s ease}.Footer_email__VwcBy:hover svg{filter:drop-shadow(0 0 6px rgba(212,70,56,.6));transform:scale(1.15)}.Footer_footer__yIlFo:before{background:linear-gradient(to right,var(--white-1),#0000);content:"";height:2px;left:0;position:absolute;top:0;transition:width .6s ease;width:0}.Footer_footer__yIlFo:hover:before{width:100%}@media screen and (max-width:768px){.Footer_footer__yIlFo{font-size:var(--fs-6);gap:3rem;padding-bottom:1rem}}@media screen and (max-width:640px){.Footer_footer__yIlFo{font-size:var(--fs-7);gap:.5rem;justify-content:space-between;padding:.5rem 1rem}.Footer_contact__J38sW{gap:1.5rem}.Footer_footer__yIlFo span{font-size:var(--fs-6);text-align:center}}@media screen and (max-width:400px){.Footer_footer__yIlFo{gap:.3rem;padding:.5rem .8rem}.Footer_contact__J38sW{gap:1rem}}
/*# sourceMappingURL=main.2692f327.css.map*/