:root{--color-icon-html: hsl(11, 91%, 54%);--color-icon-css: hsl(214, 63%, 44%);--color-icon-git: hsl(10, 89%, 59%);--color-icon-js: hsl(54, 100%, 54%);--color-icon-npm: hsl(0, 89%, 55%);--color-icon-scss: hsl(330, 100%, 50%);--color-icon-react: hsl(192, 78%, 45%);--color-icon-tailwind: hsl(204, 100%, 50%);--turquoise: hsl(160, 100%, 37%);--turquoise: hsla(174, 72%, 56%, .219);--blue: hsla(209, 100%, 50%);--white: hsla(0, 0%, 25%, 70%);--margin-bottom: 3rem;--padding: 2rem;--transition: .2s ease-in-out;--position: relative;--starting-opacity: 0;--ending-opacity: 1;--move-down: 100px;--fade-into-view: .5s ease-out;--move-back: 0;--shadow: 0px 2px 2px rgba(10, 12.67, 18, .05);--blackOrWhite: hsl(0, 0%, 0%);--iconColor: var(--blue);--base-color: hsl(0, 0%, 100%);--base-color-variant: hsl(0, 0%, 100%);--base-color-variant-2: hsl(0, 0%, 100%);--text-color: hsla(220, 8%, 35%, 1);--text-color-variant: hsl(240, 5%, 50%);--text-color-h2: hsla(220, 24%, 12%, 1);--text-color-h3: hsla(220, 24%, 12%, 1);--primary-color: hsl(209, 100%, 50%);--accent-color: hsl(209, 100%, 40%);--primary-border: 4px solid hsl(209, 100%, 50%);--secondary-border: 1.99px solid transparent;--border-radius: .25rem;--border-radius-left: 0rem;--border-color: hsl(209, 100%, 50%);--bg-btn: hsl(209, 100%, 50%);--primary-color: var(--blue);--primary-border: 4px solid var(--blue);--bg-btn: var(--blue);--border-color: var(--blue)}@media (width < 650px){:root{--padding: 1.5rem}}@media (width < 350px){:root{--padding: 1rem}}.lightmode{--blackOrWhite: hsl(0, 0%, 100%);--iconColor: hsla(220, 4%, 82%, 1);--base-color: hsl(0, 0%, 0%);--base-color-variant: hsla(0, 0%, 6%, 1%);--base-color-variant-2: hsla(0, 0%, 15%, 40%);--text-color: hsla(220, 4%, 80%, 1);--text-color-variant: #cacaca;--text-color-h2: hsla(0, 0%, 97%, 1);--text-color-h3: hsla(0, 0%, 97%, 1);--primary-color: hsl(0, 0%, 100%);--accent-color: hsl(0, 0%, 90%);--primary-border: 1.99px solid #373a41;--secondary-border: 1.99px solid #373a41;--border-color: #373a41;--border-radius: .35rem;--border-radius-left: .35rem;--bg-btn: hsl(0, 0%, 100%)}*{margin:0;padding:0;border:0;outline:0;text-decoration:none;-webkit-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding:5rem 0 0 0;font-size:16px}body{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;line-height:1.6;color:var(--text-color);background:var(--base-color);position:relative;min-height:100vh}section{padding:5rem 0;position:relative}article{border:var(--secondary-border);border-left:var(--primary-border);border-radius:var(--border-radius-left) var(--border-radius) var(--border-radius) var(--border-radius-left);overflow:hidden;background-color:var(--base-color-variant-2);box-shadow:var(--shadow)}p{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}img{display:inline;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}svg{width:4.5rem;height:4.5rem}a{color:var(--text-color);-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}button{background:transparent;font-size:2rem;cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition)}button i{-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);color:var(--text-color)}button i:hover{color:var(--primary-color)}.fade-in{opacity:0;-webkit-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1.2s;animation-duration:1.2s}.fade-in.delayed{-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}header{display:-ms-grid;display:grid;place-items:center;height:100vh;height:100dvh;position:relative}header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3csvg%20width='1920'%20height='1440'%20viewBox='0%200%201920%201440'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_505_2753'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='240'%20y='0'%20width='1440'%20height='1440'%3e%3crect%20width='1440'%20height='1440'%20transform='translate(240)'%20fill='url(%23paint0_radial_505_2753)'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_505_2753)'%3e%3cg%20clip-path='url(%23clip0_505_2753)'%3e%3cg%20clip-path='url(%23clip1_505_2753)'%3e%3cline%20x1='240.5'%20x2='240.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='320.5'%20x2='320.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='400.5'%20x2='400.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='480.5'%20x2='480.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='560.5'%20x2='560.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='640.5'%20x2='640.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='720.5'%20x2='720.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='800.5'%20x2='800.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='880.5'%20x2='880.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='960.5'%20x2='960.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='1040.5'%20x2='1040.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='1120.5'%20x2='1120.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='1200.5'%20x2='1200.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='1280.5'%20x2='1280.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='1360.5'%20x2='1360.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='1440.5'%20x2='1440.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='1520.5'%20x2='1520.5'%20y2='1440'%20stroke='%2322262F'/%3e%3cline%20x1='1600.5'%20x2='1600.5'%20y2='1440'%20stroke='%2322262F'/%3e%3c/g%3e%3cg%20clip-path='url(%23clip2_505_2753)'%3e%3cline%20y1='79.5'%20x2='1920'%20y2='79.5'%20stroke='%2322262F'/%3e%3cline%20y1='159.5'%20x2='1920'%20y2='159.5'%20stroke='%2322262F'/%3e%3cline%20y1='239.5'%20x2='1920'%20y2='239.5'%20stroke='%2322262F'/%3e%3cline%20y1='319.5'%20x2='1920'%20y2='319.5'%20stroke='%2322262F'/%3e%3cline%20y1='399.5'%20x2='1920'%20y2='399.5'%20stroke='%2322262F'/%3e%3cline%20y1='479.5'%20x2='1920'%20y2='479.5'%20stroke='%2322262F'/%3e%3cline%20y1='559.5'%20x2='1920'%20y2='559.5'%20stroke='%2322262F'/%3e%3cline%20y1='639.5'%20x2='1920'%20y2='639.5'%20stroke='%2322262F'/%3e%3cline%20y1='719.5'%20x2='1920'%20y2='719.5'%20stroke='%2322262F'/%3e%3cline%20y1='799.5'%20x2='1920'%20y2='799.5'%20stroke='%2322262F'/%3e%3cline%20y1='879.5'%20x2='1920'%20y2='879.5'%20stroke='%2322262F'/%3e%3cline%20y1='959.5'%20x2='1920'%20y2='959.5'%20stroke='%2322262F'/%3e%3cline%20y1='1039.5'%20x2='1920'%20y2='1039.5'%20stroke='%2322262F'/%3e%3cline%20y1='1119.5'%20x2='1920'%20y2='1119.5'%20stroke='%2322262F'/%3e%3cline%20y1='1199.5'%20x2='1920'%20y2='1199.5'%20stroke='%2322262F'/%3e%3cline%20y1='1279.5'%20x2='1920'%20y2='1279.5'%20stroke='%2322262F'/%3e%3cline%20y1='1359.5'%20x2='1920'%20y2='1359.5'%20stroke='%2322262F'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial_505_2753'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(720%20-0.000171661)%20rotate(90)%20scale(1440%20751.588)'%3e%3cstop/%3e%3cstop%20offset='0.953125'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cclipPath%20id='clip0_505_2753'%3e%3crect%20width='1920'%20height='1440'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_505_2753'%3e%3crect%20width='1920'%20height='1440'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip2_505_2753'%3e%3crect%20width='1920'%20height='1440'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:cover;background-position:center;z-index:-1;opacity:.5}#header{position:var(--position)}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.header__title{margin-bottom:1.75rem;margin-top:1rem}.header__image-wrapper{position:relative;max-width:12.5rem;max-height:12.5rem;border-radius:50%;margin-top:2rem;margin-bottom:1rem;overflow:hidden}@media (width < 600px){.header__image-wrapper{max-width:10rem;max-height:10rem}}.header img{position:relative;border-radius:50%;max-width:12.5rem;max-height:12.5rem;box-shadow:var(--shadow)}@media (width < 600px){.header img{max-width:10rem;max-height:10rem}}.header__icons-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;top:-.75rem;right:-3rem}.header__icons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:2rem;height:2rem;position:relative;font-size:1.75rem}.header #react-icon{left:-2.75rem}.header #js-icon{left:-1.25rem}.header #scss-icon{right:-.5rem}.header #html-icon,.header #css-icon{right:.25rem}.header #npm-icon{left:-1.25rem}.header #git-icon{left:-2.75rem}.header span:not(:nth-child(3)){color:#1bc7e4;background-image:linear-gradient(45deg,#1bc7e4 22%,#80ff80 71%,#6c6 82%);-webkit-background-clip:text;background-clip:text;color:transparent}.header__subtitle{margin-top:1rem;font-size:1.5rem;font-weight:500;line-height:1.5rem}@media (width <= 600px){.header__subtitle{font-size:1.25rem}}@media (width < 550px){.header .button-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}}nav{position:fixed;z-index:200;background-color:var(--base-color);padding-top:1rem;width:100vw;list-style:none}@media (width < 600px){nav{padding-top:.75rem}}@media (width < 450px){nav{padding-top:.5rem}}.nav{-webkit-box-shadow:var(--shadow);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;justify-content:space-between;box-shadow:var(--shadow);border:var(--secondary-border);border-left:var(--primary-border);border-radius:var(--border-radius-left) var(--border-radius) var(--border-radius) var(--border-radius-left);background-color:var(--base-color-variant-2);padding:1rem 1rem 1rem 0}.nav__divider{display:none}@media (width < 950px){.nav__divider{display:block}}.nav__btn-wrapper{display:flex;align-items:center;gap:.5rem}.nav__image-wrapper{display:flex;align-items:center;justify-content:center;position:absolute;top:.4rem;border-radius:50%;height:68px}@media (width < 950px){.nav__image-wrapper{left:0;height:56.8px}}@media (width < 450px){.nav__image-wrapper{top:.3rem;left:0;height:44px}}.nav__image-wrapper img{border-radius:50%;width:55px;height:55px}@media (width < 950px){.nav__image-wrapper img{position:relative;left:-25.5px}}@media (width < 450px){.nav__image-wrapper img{width:40px;height:40px}}.nav__image{-webkit-transform:translateX(-90px);-ms-transform:translateX(-90px);-webkit-transition:opacity .2s ease-out,-webkit-transform .2s ease-out;-o-transition:opacity .2s ease-out,transform .2s ease-out;transform:translate(-90px);opacity:0;transition:opacity .2s ease-out,-webkit-transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out;transition:opacity .2s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out}.nav__list{-webkit-transform:translateX(-75px);-ms-transform:translateX(-75px);-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;align-items:center;justify-self:flex-start;transform:translate(-75px);transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;margin:0 1rem;margin-left:91px}@media (width < 950px){.nav__list{display:none}}.nav__item{border-radius:.5rem;padding:.5rem 1rem;list-style:none}.nav__link{-webkit-transition:.1s ease-in-out;-o-transition:.1s ease-in-out;display:inline-block;position:relative;transition:.1s ease-in-out;color:var(--blackOrWhite);font-weight:500;font-size:1.25rem}.nav__link:hover{color:var(--primary-color)}.nav__link:before{-webkit-transition:var(--transition);-o-transition:var(--transition);position:absolute;bottom:0;left:0;transition:var(--transition);background-color:var(--primary-color);width:0%;height:.2rem;content:""}.nav__link:hover:before{width:100%}.nav-container{width:85%;margin:0 auto;max-width:1700px;position:relative}@media (width < 950px){.nav-container{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem}}@media (width < 600px){.nav-container{width:90%}}@media (width < 450px){.nav-container{padding:.5rem 1rem;width:95%}}.nav__toggle-open{display:none}@media (width < 950px){.nav__toggle-open{display:inline-block}}.nav__toggle-close,.nav__toggle-open{will-change:transform}.nav__toggle-close:hover,.nav__toggle-open:hover{transform:translateY(-.2rem)}@media (width < 500px){.nav__toggle-close:hover,.nav__toggle-open:hover{transform:translateY(0)}}.nav__toggle-close i,.nav__toggle-open i{color:var(--blackOrWhite)}.popup-container{-webkit-transition:-webkit-transform .2s ease-in-out;-o-transition:transform .2s ease-in-out;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);position:fixed;top:0;right:-100%;left:0;transform:translate(100%);z-index:990;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;width:100%;height:100%}.popup-container.active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.popup-inner-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-shadow:var(--shadow);display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;top:0;right:0;flex-direction:column;align-items:flex-end;gap:1rem;z-index:999;box-shadow:var(--shadow);background-color:var(--base-color);border-left:var(--primary-border);padding-top:2rem;padding-right:2rem;padding-left:2rem;width:90%;max-width:250px;height:100%}.popup-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;-webkit-box-shadow:var(--shadow);display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;top:0;right:0;flex-direction:column;align-items:flex-end;gap:1rem;z-index:999;box-shadow:var(--shadow);background-color:var(--base-color-variant-2);border-left:var(--primary-border);padding-top:2rem;padding-right:2rem;padding-left:2rem;width:90%;max-width:250px;height:100%}@media (width < 600px){.popup-nav{padding-top:1.75rem}}@media (width < 450px){.popup-nav{padding-top:.75rem;padding-right:1rem}}.popup-nav__button-wrapper{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;width:100%}.popup-nav__links{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;width:100%;text-align:right}.employment__card{overflow:hidden}.employment__card-logo{width:32px;height:32px;margin-right:16px}.employment__card-subtitle{font-size:14px;font-weight:600;line-height:20px;margin-bottom:5px}.employment__card-date{font-size:14px;font-weight:500;line-height:20px}.employment__card-responsibilities{margin-top:10px;list-style-type:disc;margin-left:20px}.projects__card-wrapper{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.75rem;width:100%;margin-bottom:3rem}@media (width < 1200px){.projects__card-wrapper{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (width < 450px){.projects__card-wrapper{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width < 280px){.projects__card-wrapper{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.projects__card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:var(--padding)}@media (width < 450px){.projects__card{padding:1.5rem}}@media (width < 350px){.projects__card{padding:1rem}}.projects__card-title{z-index:1}.projects__card-skills{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem;list-style:none;margin-bottom:24px;z-index:1}.projects__card-skills li{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:600;line-height:20px;color:var(--text-color-variant)}@media (width < 450px){.projects__card-skills{flex-direction:column;gap:.25rem;margin-top:.25rem;margin-bottom:2rem}}.projects__card-image{position:absolute;right:-150px;top:50px;z-index:0;width:350px}@media (width < 550px){.projects .button-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}}@media (width < 550px){.projects .button{max-width:220px}}.projects__card-wrapper{position:var(--position)}.projects__card-skill{position:relative}.projects__card-skill .projects__card-skill-icon{position:relative;width:18px;height:18px}@media (width < 375px){.projects__card-skill .projects__card-skill-icon{left:-.15rem}}.about__card-wrapper{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.75rem;width:100%}@media (width < 650px){.about__card-wrapper{grid-template-columns:repeat(1,1fr)}}.about__card{padding:var(--padding)}@media (width < 450px){.about__card{padding:1.5rem}}@media (width < 350px){.about__card{padding:1rem}}.about__card-icon{display:flex;align-items:center;margin-bottom:.75rem}.about__card-icon svg{width:24px;height:24px;stroke:var(--iconColor)}.mockup{max-height:578.87px;max-width:590px}@media (width < 470px){.mockup{display:none}}.mockup-small{display:none;max-height:578.87px;max-width:284px}@media (width < 470px){.mockup-small{display:block}}.offer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.offer__description{margin-bottom:var(--margin-bottom);max-width:800px}.offer__card-wrapper{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.75rem}@media (width < 650px){.offer__card-wrapper{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.offer__card{padding:var(--padding);-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow)}@media (width < 450px){.offer__card{padding:1.5rem}}@media (width < 350px){.offer__card{padding:1rem}}.offer__card-title{background:-webkit-gradient(linear,left top,right top,from(#ff8a00),to(#da1b60));background:-o-linear-gradient(left,#ff8a00,#da1b60);background:linear-gradient(to right,#ff8a00,#da1b60);-webkit-background-clip:text;background-clip:text;color:transparent}.offer i{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:-1rem;right:-.7rem;width:2rem;height:2rem;font-size:2rem;color:var(--primary-color)}.offer__card-wrapper{position:var(--position)}.skills__title{margin-bottom:var(--margin-bottom)}.skills__card-wrapper{display:-ms-grid;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.75rem;width:100%;margin-bottom:3rem}@media (width < 450px){.skills__card-wrapper{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.skills__card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;padding:var(--padding)}@media (width < 450px){.skills__card{padding:1.5rem}}@media (width < 350px){.skills__card{padding:1rem}}.skills__card-title{font-size:1.5rem}.skills__card i{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:3rem}.skills__card img{width:3rem}.skills__card-wrapper{position:var(--position)}.contact__text-wrapper{margin-bottom:3rem}.contact__image-wrapper{max-width:275px;border-radius:var(--border-radius)}@media (width < 375px){.contact__image-wrapper{max-width:100%;height:100%}}.contact__image{border-radius:var(--border-radius);height:100%}.contact__socials{display:flex;gap:.75rem}.contact .button-wrapper{margin-bottom:3rem}@media (width < 550px){.contact .button-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}}@media (width < 550px){.contact .button{width:200px}}.contact__image-wrapper{position:var(--position)}.button-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.75rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (width < 450px){.button-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.button{-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);border-radius:var(--border-radius);padding:12px 18px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:500;will-change:transform}.button--primary{border:1.99px solid transparent;background:var(--bg-btn);background-color:var(--primary-color);color:var(--base-color)}.button--primary:hover{transform:translateY(-.2rem)}.button--secondary{border:1.99px solid var(--primary-color);border:1.99px solid var(--border-color);background-color:var(--base-color);background:var(--base-color-variant-2);color:var(--primary-color)}.button--secondary:hover{transform:translateY(-.2rem)}.button--social{max-width:fit-content}.nav-button{opacity:0;transform:translate(600px);transition:opacity .5s ease-out,transform .5s ease-out}.container{width:85%;margin:0 auto;max-width:1700px;position:relative}@media (width < 600px){.container{width:90%}}@media (width < 400px){.container{width:95%}}.header-wrapper{display:flex;flex-direction:column;gap:20px;margin-bottom:64px}.mb-32{margin-bottom:32px}#theme-switch{display:flex;justify-content:center;align-items:center;will-change:transform}@media (max-width: 950px){#theme-switch{bottom:2rem;right:2rem}}#theme-switch i{font-size:1.75rem;color:var(--blackOrWhite)}#theme-switch:hover{transform:translateY(-.2rem)}@media (width < 500px){#theme-switch:hover{transform:translateY(0)}}#theme-switch i:last-child{display:none}.darkmode #theme-switch i:first-child{display:none}.darkmode #theme-switch i:last-child{display:block}article{opacity:var(--starting-opacity);-webkit-transform:translateY(var(--move-down));-ms-transform:translateY(var(--move-down));transform:translateY(var(--move-down));-webkit-transition:opacity var(--fade-into-view),-webkit-transform var(--fade-into-view);transition:opacity var(--fade-into-view),transform var(--fade-into-view),-webkit-transform var(--fade-into-view);-o-transition:opacity var(--fade-into-view),transform var(--fade-into-view);position:relative}article:hover{--active: 1}article:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(circle at calc(var(--x) * 1px) calc(var(--y) * 1px),hsla(0,0%,100%,.15),transparent 15vmin);background-attachment:fixed;opacity:var(--active, 0);transition:opacity .2s;pointer-events:none}article:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:radial-gradient(circle at calc(var(--x) * 1px) calc(var(--y) * 1px),hsla(0,0%,100%,.5),transparent 15vmin),transparent;background-attachment:fixed;pointer-events:none;mask:linear-gradient(white,white) 50% 0/100% 2.4px no-repeat,linear-gradient(white,white) 50% 100%/100% 2.4px no-repeat,linear-gradient(white,white) 0 50%/2.4px 100% no-repeat,linear-gradient(white,white) 100% 50%/2.4px 100% no-repeat}.wave{display:inline-block;-webkit-animation-name:wave-animation;-webkit-animation-duration:2.5s;-webkit-animation-iteration-count:infinite;-webkit-transform-origin:70% 70%;animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;-ms-transform-origin:70% 70%;transform-origin:70% 70%}@keyframes wave-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(0deg);transform:rotate(0)}}@-webkit-keyframes wave-animation{0%{-webkit-transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(0deg)}}.reveal{opacity:var(--ending-opacity);-webkit-transform:var(--move-back);-ms-transform:var(--move-back);transform:var(--move-back)}.slide-in{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}.move-aside{-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translate(100px)}.icon{margin-bottom:.5rem;font-size:3rem;color:var(--bg-btn)}.html{color:var(--color-icon-html)}.css{color:var(--color-icon-css)}.git{color:var(--color-icon-git)}.js{color:var(--color-icon-js)}.npm{color:var(--color-icon-npm)}.scss{color:var(--color-icon-scss)}.react{color:var(--color-icon-react)}.tailwind{color:var(--color-icon-tailwind)}h1{font-weight:600;font-size:72px;line-height:90px;color:var(--blackOrWhite)}@media (width <= 800px){h1{font-size:56px;line-height:64px}}@media (width <= 500px){h1{font-size:36px;line-height:44px}}h2{font-size:36px;line-height:44px;font-weight:600;text-transform:capitalize;color:var(--text-color-h2)}@media (width <= 800px){h2{font-size:32px;line-height:40px}}@media (width <= 500px){h2{font-size:30px;line-height:38px}}h3{margin-bottom:8px;font-size:20px;font-weight:600;line-height:30px;color:var(--text-color-h3)}@media (width <= 500px){h3{font-size:18px;line-height:28px}}p{font-size:16px;font-weight:400;line-height:24px;color:var(--text-color);line-height:1.75rem}@media (width <= 400px){p{font-size:1rem}}.subtitle{font-size:20px;font-weight:400;line-height:30px}