:root{--color-icon-html:#f4461f;--color-icon-css:#2a67b7;--color-icon-git:#f35839;--color-icon-js:#ffe814;--color-icon-npm:#f22626;--color-icon-scss:#ff0080;--color-icon-react:#19a8cc;--color-icon-nodejs:#29a829;--blue:#0084ff;--margin-bottom:3rem;--padding:1.75rem;--transition:.2s ease-in-out;--position:relative;--starting-opacity:0;--ending-opacity:1;--move-down:100px;--fade-into-view:.5s ease-out;--move-back:translateY(0);--shadow:0px 2px 2px #0a0d120d;--h2-color:#202020;--blackOrWhite:#000;--iconColor:#000;--base-color:#f8f8f8;--base-color-new:#f8f8f8;--base-color-variant-2:#fff;--btn-sec-bg:#fff;--text-color:#202020;--text-color-variant:#626262;--text-color-h3:#171c26;--secondary-border:1.99px solid transparent;--border-radius:.25rem;--border-radius-left:0rem;--btn-border:.1125rem #d5d7da solid;--primary-color:var(--blue);--primary-border:4px solid var(--blue)}@media (width<650px){:root{--padding:1.5rem}}@media (width<350px){:root{--padding:1rem}}.darkmode{--h2-color:#e4e4e4;--blackOrWhite:#fff;--iconColor:#cfd0d3;--base-color:#000;--base-color-new:#000;--base-color-variant-2:#26262666;--btn-sec-bg:#000;--text-color:#cacbce;--text-color-variant:#aeaeae;--text-color-h3:#f7f7f7;--primary-color:#fff;--primary-border:1.99px solid #373a41;--secondary-border:1.99px solid #373a41;--border-radius:.35rem;--border-radius-left:.35rem;--btn-border:.1125rem #373a41 solid}*{box-sizing:border-box;border:0;outline:0;margin:0;padding:0;text-decoration:none}html{scroll-behavior:smooth;scroll-padding:5rem 0 0;font-size:16px}body{font-optical-sizing:auto;color:var(--text-color);background:var(--base-color-new);min-height:100vh;font-family:Manrope,sans-serif;font-style:normal;font-weight:400;line-height:1.6;position:relative}section{padding:5rem 0;position:relative}article{border:var(--btn-border);border-left:var(--primary-border);border-radius:var(--border-radius-left) var(--border-radius) var(--border-radius) var(--border-radius-left);background:var(--base-color-variant-2);box-shadow:var(--shadow);overflow:hidden}p{-webkit-hyphens:auto;hyphens:auto}img{-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{cursor:pointer;-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);background:0 0;font-size:2rem}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;animation:1.2s ease-in forwards fadeIn}.fade-in.delayed{animation-delay:1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}header{display:-ms-grid;place-items:center;height:100dvh;display:grid;position:relative}header:before{content:"";z-index:-1;opacity:.5;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-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}#header{position:var(--position)}.header{flex-direction:column;display:flex}.header__title{margin-top:1rem;margin-bottom:1.75rem}.header__image-wrapper{border-radius:50%;max-width:12.5rem;max-height:12.5rem;margin-top:2rem;margin-bottom:1rem;position:relative;overflow:hidden}@media (width<600px){.header__image-wrapper{max-width:10rem;max-height:10rem}}.header img{max-width:10rem;max-height:10rem;box-shadow:var(--shadow);border-radius:50%;position:relative}@media (width<600px){.header img{max-width:8rem;max-height:8rem}}.header__icons-wrapper{flex-direction:column;display:flex;position:absolute;top:-.75rem;right:-3rem}.header__icons{justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1.75rem;display:flex;position:relative}.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:#0000;background-image:linear-gradient(45deg,#1bc7e4 22%,#80ff80 71%,#6c6 82%);-webkit-background-clip:text;background-clip:text}.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}}nav{z-index:200;background:var(--base-color);width:100vw;padding-top:1rem;list-style:none;position:fixed}@media (width<600px){nav{padding-top:.75rem}}@media (width<450px){nav{padding-top:.5rem}}.nav{-webkit-box-shadow:var(--shadow);box-shadow:var(--shadow);border:var(--btn-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);justify-content:space-between;padding:1rem 1rem 1rem 0;display:flex;position:relative}.nav__divider{display:none}@media (width<950px){.nav__divider{display:block}}.nav__btn-wrapper{align-items:center;gap:.5rem;display:flex}.nav__image-wrapper{border-radius:50%;justify-content:center;align-items:center;height:68px;display:flex;position:absolute;top:3px}@media (width<950px){.nav__image-wrapper{height:56.8px;top:2px;left:0}}@media (width<450px){.nav__image-wrapper{height:44px;top:0;left:0}}.nav__image-wrapper img{border-radius:50%;width:40px;height:40px}@media (width<950px){.nav__image-wrapper img{position:relative;left:-25.5px}}@media (width<450px){.nav__image-wrapper img{width:35px;height:35px}}.nav__image{-o-transition:opacity .2s ease-out, transform .2s ease-out;opacity:0;transition:opacity .2s ease-out,transform .2s ease-out;transform:translate(-90px)}.nav__list{-o-transition:transform .2s ease-out;justify-self:flex-start;align-items:center;margin:0 1rem 0 91px;transition:transform .2s ease-out;display:flex;position:relative;transform:translate(-75px)}@media (width<950px){.nav__list{display:none}}.nav__item{border-radius:.5rem;padding:.5rem 1rem;list-style:none}.nav__link{-o-transition:.1s ease-in-out;color:var(--blackOrWhite);font-size:1rem;font-weight:500;transition:all .1s ease-in-out;display:inline-block;position:relative}.nav__link:hover{color:var(--primary-color)}.nav__link:before{-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);background-color:var(--primary-color);content:"";width:0%;height:.2rem;position:absolute;bottom:0;left:0}.nav__link:hover:before{width:100%}.nav-container{width:85%;max-width:1700px;margin:0 auto;position:relative}@media (width<950px){.nav-container{justify-content:flex-end;padding:1rem}}@media (width<600px){.nav-container{width:90%}}@media (width<450px){.nav-container{width:95%;padding:.5rem 1rem}}.nav__toggle-close,.nav__toggle-open{will-change:transform;justify-content:center;align-items:center;display:flex}.nav__toggle-close .nav__icon,.nav__toggle-open .nav__icon{object-fit:contain;width:1.5rem;height:1.5rem}.nav__toggle-close .nav__icon path,.nav__toggle-open .nav__icon path{stroke:var(--iconColor)}.nav__toggle-close:hover,.nav__toggle-open:hover{transform:translateY(-.1rem)}@media (width<500px){.nav__toggle-close:hover,.nav__toggle-open:hover{transform:translateY(0)}}.nav__toggle-open{display:none}@media (width<950px){.nav__toggle-open{display:flex}}.popup-container{-o-transition:transform .2s ease-in-out;z-index:990;-webkit-transition:-webkit-transform .2s ease-in-out;width:100%;height:100%;transition:transform .2s ease-in-out;position:fixed;top:0;left:0;right:-100%;transform:translate(100%)}.popup-container.active{transform:translate(0)}.popup-inner-container,.popup-nav{-webkit-box-shadow:var(--shadow);z-index:999;box-shadow:var(--shadow);border-left:var(--primary-border);flex-direction:column;align-items:flex-end;gap:1rem;width:90%;max-width:250px;height:100%;padding-top:2rem;padding-left:2rem;padding-right:2rem;display:flex;position:fixed;top:0;right:0}.popup-inner-container{background-color:var(--base-color)}.popup-nav{background-color:var(--base-color-variant-2)}@media (width<600px){.popup-nav{padding-top:1.75rem}}@media (width<450px){.popup-nav{padding-top:.75rem;padding-right:1rem}}.popup-nav__button-wrapper{justify-content:flex-end;width:100%;display:flex}.popup-nav__links{text-align:right;flex-direction:column;align-items:flex-end;gap:1rem;width:100%;display:flex}.employment__card{max-width:1200px;overflow:hidden}.employment__card-subtitle-wrapper{justify-content:space-between;display:flex}@media (width<=500px){.employment__card-subtitle-wrapper{flex-direction:column;gap:6px}}.employment__card-logo{width:32px;height:32px;margin-right:16px}.employment__card-date,.employment__card-subtitle{font-size:14px;font-weight:500;line-height:20px}.employment__card-responsibilities{margin-top:16px;margin-left:0;font-size:14px;line-height:24px;list-style-type:none}.employment__card-responsibilities li{grid-template-columns:16px minmax(0,1fr);column-gap:8px;display:grid}.employment__card-responsibilities img{filter:brightness(0)saturate()invert(24%)sepia(95%)saturate(4041%)hue-rotate(211deg)brightness(97%)contrast(104%);width:16px;height:16px;margin-top:4px}.projects__card-wrapper{display:-ms-grid;width:100%;position:var(--position);grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.75rem;margin-bottom:3rem;display:grid}@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));gap:1rem}}@media (width<280px){.projects__card-wrapper{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.projects__card{padding:var(--padding);flex-direction:column;display:flex}@media (width<1275px){.projects__card{padding:1.5rem}}@media (width<350px){.projects__card{padding:1rem}}.projects__card-title{z-index:1}.projects__card-skills{z-index:1;gap:.5rem;margin-bottom:24px;list-style:none;display:flex}.projects__card-skills li{align-items:center;gap:5px;font-size:14px;font-weight:400;line-height:18px;display:flex}@media (width<450px){.projects__card-skills{flex-direction:column;gap:.25rem;margin-top:.25rem;margin-bottom:2rem}}.projects__card-image{z-index:0;width:350px;position:absolute;top:50px;right:-150px}@media (width<550px){.projects .button{max-width:220px}}.projects__card-skill{position:relative}.projects__card-skill .projects__card-skill-icon{width:18px;height:18px;position:relative}@media (width<375px){.projects__card-skill .projects__card-skill-icon{left:-.15rem}}.about__card-wrapper{display:-ms-grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.75rem;width:100%;display:grid}@media (width<650px){.about__card-wrapper{grid-template-columns:repeat(1,1fr);gap:1rem}}.about__card{padding:var(--padding)}@media (width<1275px){.about__card{padding:1.5rem}}@media (width<350px){.about__card{padding:1rem}}.about__card-icon{align-items:center;margin-bottom:.75rem;display:flex}.about__card-icon svg{width:24px;height:24px;stroke:var(--iconColor)}.mockup,.mockup-small{max-height:578.87px}.mockup{max-width:590px}@media (width<470px){.mockup{display:none}}.mockup-small{max-width:284px;display:none}@media (width<470px){.mockup-small{display:block}}.offer{flex-direction:column;display:flex}.offer__description{margin-bottom:var(--margin-bottom);max-width:800px}.offer__card-wrapper{display:-ms-grid;position:var(--position);grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.75rem;display:grid}@media (width<650px){.offer__card-wrapper{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}}.offer__card{padding:var(--padding);box-shadow:var(--shadow)}.offer__card-title{background:linear-gradient(90deg,#ff8a00,#da1b60);color:#0000;-webkit-background-clip:text;background-clip:text}.offer i{width:2rem;height:2rem;color:var(--primary-color);justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;top:-1rem;right:-.7rem}.skills__title{margin-bottom:var(--margin-bottom)}.skills__card-wrapper{display:-ms-grid;width:100%;position:var(--position);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.75rem;margin-bottom:3rem;display:grid}@media (width<450px){.skills__card-wrapper{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}}.skills__card{padding:var(--padding);align-items:center;gap:1rem;display:flex}@media (width<1275px){.skills__card{padding:1.5rem}}@media (width<350px){.skills__card{padding:1rem}}.skills__card-title{margin-bottom:0}.skills__card i{justify-content:center;align-items:center;width:3rem;height:3rem;font-size:3rem;display:flex}@media (width<450px){.skills__card i{width:2rem;height:2rem;font-size:2rem}}.skills__card img{width:3rem;height:3rem}@media (width<450px){.skills__card img{width:2rem;height:2rem;font-size:2rem}}.contact__text-wrapper{margin-bottom:3rem}.contact__image-wrapper{position:var(--position);border-radius:var(--border-radius);max-width:275px}@media (width<375px){.contact__image-wrapper{max-width:100%;height:100%}}.contact__image{border-radius:var(--border-radius);height:100%}.contact__socials{gap:.75rem;display:flex}@media (width<550px){.contact__socials{gap:.5rem}}.contact .button-wrapper{margin-bottom:3rem}.button-wrapper{gap:.75rem;width:fit-content;display:flex}@media (width<450px){.button-wrapper{flex-direction:column}}@media (width<550px){.header .button-wrapper,.projects .button-wrapper,.contact .button-wrapper{flex-direction:column;width:100%}}.button{-webkit-transition:var(--transition);-o-transition:var(--transition);transition:var(--transition);will-change:transform;border-radius:var(--border-radius);box-shadow:var(--shadow);width:fit-content;padding:8px 14px;font-size:14px;font-weight:500}.button--primary{border:var(--btn-border);background-color:var(--primary-color);color:var(--base-color)}.button--secondary{border:var(--btn-border);background:var(--btn-sec-bg);color:var(--primary-color)}.button--primary:hover,.button--secondary:hover{transform:translateY(-.1rem)}.button--social{max-width:fit-content}.container{width:85%;max-width:1700px;margin:0 auto;position:relative}@media (width<600px){.container{width:95%}}@media (width<400px){.container{width:95%}}.header-wrapper{flex-direction:column;gap:10px;margin-bottom:64px;display:flex}.mb-32{margin-bottom:32px}#theme-switch{will-change:transform;justify-content:center;align-items:center;display:flex}#theme-switch .theme-switch__icon{background:var(--iconColor);width:1.5rem;height:1.5rem}#theme-switch .moon-icon{-webkit-mask:url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20stroke='%23000000'%20stroke-width='0.00024000000000000003'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.0174%202.80157C6.37072%203.29221%202.75%207.22328%202.75%2012C2.75%2017.1086%206.89137%2021.25%2012%2021.25C16.7767%2021.25%2020.7078%2017.6293%2021.1984%2012.9826C19.8717%2014.6669%2017.8126%2015.75%2015.5%2015.75C11.4959%2015.75%208.25%2012.5041%208.25%208.5C8.25%206.18738%209.33315%204.1283%2011.0174%202.80157ZM1.25%2012C1.25%206.06294%206.06294%201.25%2012%201.25C12.7166%201.25%2013.0754%201.82126%2013.1368%202.27627C13.196%202.71398%2013.0342%203.27065%2012.531%203.57467C10.8627%204.5828%209.75%206.41182%209.75%208.5C9.75%2011.6756%2012.3244%2014.25%2015.5%2014.25C17.5882%2014.25%2019.4172%2013.1373%2020.4253%2011.469C20.7293%2010.9658%2021.286%2010.804%2021.7237%2010.8632C22.1787%2010.9246%2022.75%2011.2834%2022.75%2012C22.75%2017.9371%2017.9371%2022.75%2012%2022.75C6.06294%2022.75%201.25%2017.9371%201.25%2012Z'%20fill='%23000000'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20stroke='%23000000'%20stroke-width='0.00024000000000000003'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M11.0174%202.80157C6.37072%203.29221%202.75%207.22328%202.75%2012C2.75%2017.1086%206.89137%2021.25%2012%2021.25C16.7767%2021.25%2020.7078%2017.6293%2021.1984%2012.9826C19.8717%2014.6669%2017.8126%2015.75%2015.5%2015.75C11.4959%2015.75%208.25%2012.5041%208.25%208.5C8.25%206.18738%209.33315%204.1283%2011.0174%202.80157ZM1.25%2012C1.25%206.06294%206.06294%201.25%2012%201.25C12.7166%201.25%2013.0754%201.82126%2013.1368%202.27627C13.196%202.71398%2013.0342%203.27065%2012.531%203.57467C10.8627%204.5828%209.75%206.41182%209.75%208.5C9.75%2011.6756%2012.3244%2014.25%2015.5%2014.25C17.5882%2014.25%2019.4172%2013.1373%2020.4253%2011.469C20.7293%2010.9658%2021.286%2010.804%2021.7237%2010.8632C22.1787%2010.9246%2022.75%2011.2834%2022.75%2012C22.75%2017.9371%2017.9371%2022.75%2012%2022.75C6.06294%2022.75%201.25%2017.9371%201.25%2012Z'%20fill='%23000000'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat}#theme-switch .sun-icon{-webkit-mask:url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3ccircle%20cx='12'%20cy='12'%20r='6'%20stroke='%23000000'%20stroke-width='1.5'/%3e%3cpath%20d='M12%202V3'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M12%2021V22'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M22%2012L21%2012'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M3%2012L2%2012'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M19.0708%204.92969L18.678%205.32252'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M5.32178%2018.6777L4.92894%2019.0706'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M19.0708%2019.0703L18.678%2018.6775'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M5.32178%205.32227L4.92894%204.92943'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Transformed%20by:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='SVGRepo_bgCarrier'%20stroke-width='0'/%3e%3cg%20id='SVGRepo_tracerCarrier'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20id='SVGRepo_iconCarrier'%3e%3ccircle%20cx='12'%20cy='12'%20r='6'%20stroke='%23000000'%20stroke-width='1.5'/%3e%3cpath%20d='M12%202V3'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M12%2021V22'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M22%2012L21%2012'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M3%2012L2%2012'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M19.0708%204.92969L18.678%205.32252'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M5.32178%2018.6777L4.92894%2019.0706'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M19.0708%2019.0703L18.678%2018.6775'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3cpath%20d='M5.32178%205.32227L4.92894%204.92943'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat}#theme-switch:hover{transform:translateY(-.2rem)}@media (width<500px){#theme-switch:hover{transform:translateY(0)}}#theme-switch .sun-icon,.darkmode #theme-switch .moon-icon{display:none}.darkmode #theme-switch .sun-icon{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:"";z-index:2;background:radial-gradient(circle at var(--x,50%) var(--y,50%), #ffffff26, transparent 15vmin);opacity:var(--active,0);pointer-events:none;transition:opacity .2s;position:absolute;inset:0}article:before{content:"";z-index:2;opacity:var(--border-active,0);background:radial-gradient(circle at var(--x,50%) var(--y,50%), #ffffff80, transparent 15vmin), transparent;pointer-events:none;transition:opacity .2s;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff,#fff) 50% 0/100% 2.4px no-repeat,linear-gradient(#fff,#fff) 50% 100%/100% 2.4px no-repeat,linear-gradient(#fff,#fff) 0/2.4px 100% no-repeat,linear-gradient(#fff,#fff) 100%/2.4px 100% no-repeat;mask:linear-gradient(#fff,#fff) 50% 0/100% 2.4px no-repeat,linear-gradient(#fff,#fff) 50% 100%/100% 2.4px no-repeat,linear-gradient(#fff,#fff) 0/2.4px 100% no-repeat,linear-gradient(#fff,#fff) 100%/2.4px 100% no-repeat}.wave{transform-origin:70% 70%;animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@-webkit-keyframes wave-animation{0%{-webkit-transform:rotate(0)}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(0)}to{-webkit-transform:rotate(0)}}.reveal{opacity:var(--ending-opacity);-webkit-transform:var(--move-back);-ms-transform:var(--move-back);transform:var(--move-back)}.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)}.nodejs{color:var(--color-icon-nodejs)}h1{color:var(--blackOrWhite);font-size:48px;font-weight:600;line-height:54px}@media (width<=650px){h1{font-size:30px;line-height:34px}}h2{letter-spacing:-.025em;color:var(--h2-color);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:32px;font-weight:750;line-height:36px}h3{color:var(--text-color-h3);margin-bottom:8px;font-size:16px;font-weight:650;line-height:20px}p{font-size:14px;line-height:1.65}