.menu__small_aside nav{align-items:center;color:var(--lightest-slate);display:flex;flex-direction:column;font-family:var(--font-mono);justify-content:center;text-align:center;width:100%}.menu__small_aside nav ol{counter-reset:side_nav;list-style:none;width:100%}.menu__small_aside ol li{counter-increment:side_nav 1;font-size:clamp(var(--fz-sm),4vw,var(--fz-lg));margin:0 auto 20px;position:relative}.menu__small_aside ol li:before{color:var(--green);content:"0" counter(side_nav) ".";display:block;font-size:var(--fz-sm);margin-bottom:5px}.menu__small_aside ol li a{-webkit-text-decoration-skip:ink;color:inherit;display:inline-block;padding:3px 20px 20px;position:relative;text-decoration:none;text-decoration-skip-ink:auto;transition:var(--transition);width:100%}.show_side_nav{transform:translate(0);visibility:show}@media (max-width:600px){.menu__small_aside ol li{margin:0 auto 10px}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0a192fd9;filter:none!important;height:var(--nav-height);padding:0 50px;pointer-events:auto!important;position:fixed;top:0;transition:var(--transition);-webkit-user-select:auto!important;user-select:auto!important;z-index:11}.header,.nav{align-items:center;display:flex;justify-content:space-between;width:100%}.nav{color:var(--lightest-slate);counter-reset:item 0;font-family:var(--font-mono);position:relative;z-index:12}.nav .logo{align-items:center;display:flex;height:150px;justify-content:center;object-fit:fill;width:150px}.nav .logo img{height:100%;width:100%}.menu,.menu ol{align-items:center;display:flex}.menu ol{-webkit-box-pack:justify;-webkit-box-align:center;justify-content:space-between;list-style:none;margin:0;padding:0}.menu ol li{counter-increment:item 1;font-size:var(--fz-xs);margin:0 5px;position:relative}.menu ol li a{padding:10px}.menu ol li a:before{color:var(--green);content:"0" counter(item) ".";font-size:var(--fz-xxs);margin:5px;text-align:right}.menu__small,.menu__small__btn,.menu__small_aside{display:none}.menu__small__btn .ham-box{display:inline-block;height:24px;position:relative;width:var(--hamburger-width)}.menu__small__btn .ham-box-inner{transform:rotate(0deg);transition:transform .22s cubic-bezier(.55,.055,.675,.19) 0s}.menu__small__btn .ham-box-inner,.menu__small__btn__cancel .ham-box-inner{background-color:var(--green);border-radius:var(--border-radius);height:2px;position:absolute;right:0;top:50%;width:var(--hamburger-width)}.menu__small__btn__cancel .ham-box-inner{transform:rotate(225deg);transition:transform .22s cubic-bezier(.215,.61,.355,1) .12s}.menu__small__btn .ham-box-inner:after,.menu__small__btn .ham-box-inner:before,.menu__small__btn__cancel .ham-box-inner:after,.menu__small__btn__cancel .ham-box-inner:before{background-color:var(--green);border-radius:4px;content:"";display:block;height:2px;left:auto;position:absolute;right:0;transition-duration:.15s;transition-property:transform;transition-timing-function:ease;width:var(--hamburger-width)}.menu__small__btn .ham-box-inner:before{opacity:1;top:-10px;transition:var(--ham-before);width:120%}.menu__small__btn__cancel .ham-box-inner:before{opacity:0;top:0;transition:var(--ham-before-active);width:100%}.menu__small__btn .ham-box-inner:after{bottom:-10px;transform:rotate(0deg);transition:var(--ham-after);width:80%}.menu__small__btn__cancel .ham-box-inner:after{bottom:0;transform:rotate(-90deg);transition:var(--ham-after-active);width:100%}@media screen and (max-width:768px){.header{padding:0 25px}.menu__small,.menu__small__btn{display:block}.menu,.side__element{display:none}.menu__small__btn,.menu__small__btn__cancel{-webkit-box-align:center;background-color:initial;border:0;color:inherit;display:flex;justify-content:center;margin-right:-15px;padding:15px;position:relative;text-transform:none;transition-duration:.15s;transition-property:opacity,filter;transition-timing-function:linear;z-index:10}.menu__small_aside{align-items:center;background-color:var(--light-navy);bottom:0;box-shadow:-10px 0 30px -15px var(--navt-shadow);display:flex;height:100vh;justify-content:center;outline:0;padding:50px 10px;position:fixed;right:0;top:0;transform:translate(100vw);transition:var(--transition);visibility:hidden;width:min(75vw,400px);z-index:9}}.show_side_nav{transform:translate(0)!important;visibility:visible!important}@media screen and (max-width:1080px){.header{padding:0 40px}.side__element{left:20px;right:auto}}footer{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;min-height:70px;padding:15px;text-align:center}footer .social__links{display:none}footer .social__links ul{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}footer .social__links ul a{padding:10px}footer .social__links ul a svg{height:20px;width:2opx}footer .Styled__credit{color:var(--light-slate);font-family:var(--font-mono);font-size:var(--fz-xxs);line-height:1}@media (max-width:768px){footer .social__links{color:var(--light-slate);display:block;margin:0 auto 10px;max-width:270px;width:100%}}.side__element{bottom:0;color:var(--lightest-slate);position:fixed;width:40px;z-index:10}.side__element.left{left:40px;right:auto}.side__element.right{left:auto;right:40px}.side__element ul{align-items:center;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.side__element ul li a{padding:10px}.side__element ul li a:hover{color:var(--green);transform:translateY(-3px)}.side__element li a svg{height:20px;width:20px}.side__element .email:after,.side__element ul:after{background-color:var(--lightest-slate);content:"";display:block;height:150px;margin:0 autp;width:1px}.side__element .email{align-items:center;display:flex;flex-direction:column;position:relative}.side__element .email a{font-family:var(--font-mono);font-size:var(--fz-xxs);letter-spacing:.3em;line-height:var(--fz-lg);margin:20px auto;padding:10px;writing-mode:vertical-rl}.intro{-webkit-box-align:center;align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:0}.intro h1{color:var(--green);font-family:var(--font-mono);font-size:clamp(var(--fz-sm),5vw,var(--fz-md));font-weight:400;margin:0 0 30px 4px}.intro h3{color:#8892b0!important;font-size:clamp(40px,3vw,80px);line-height:.9;margin:10px 0}#stack:after{content:"|"}.big-heading{font-size:clamp(40px,5vw,80px);margin:0}.intro p{line-height:35px}mark{background:none;border-radius:10px;color:var(--white);font-size:clamp(var(--fz-sm),2vw,var(--fz-md));padding:5px;transition:all 1s}.intro .email-link,mark{border:1px solid var(--green);cursor:pointer}.intro .email-link{background-color:initial;color:var(--green);font-family:var(--font-mono);font-size:var(--fz-sm);line-height:1;margin-top:50px;padding:1.25rem 1.75rem;text-decoration:none;transition:var(--transition)}@media (max-width:480px) and (min-height:700px){.intro{padding-bottom:10vh}}#about{max-width:900px}.about .inner{grid-gap:50px;display:grid;gap:50px;grid-template-columns:3fr 2fr;text-align:justify}.about ul.skill__list{grid-gap:0 10px;display:grid;gap:0 10px;grid-template-columns:repeat(2,minmax(140px,200px));list-style:none;margin:20px 0 0;overflow:hidden;padding:0}.about ul.skill__list li{font-family:var(--font-mono);font-size:var(--fz-xs);margin-bottom:10px;padding-left:20px;position:relative}.about ul.skill__list li:before{color:var(--green);content:"▹";font-size:var(-fz-sm);left:0;line-height:12px;position:absolute}.inner .about__pic{max-width:300px;position:relative}.inner .about__pic .wrapper{background-color:var(--green);border-radius:var(--border-radius);box-shadow:0 10px 30px -15px var(--navy-shadow);display:block;position:relative;transition:var(--transition);width:100%}.inner .about__pic .wrapper:after,.inner .about__pic .wrapper:before{border-radius:var(--border-radius);content:"";display:block;height:100%;position:absolute;transition:var(--transition);width:100%}.inner .about__pic .wrapper:before{background-color:var(--navy);left:0;mix-blend-mode:overlay;top:0}.inner .about__pic .wrapper:after{border:2px solid var(--green);left:20px;top:20px;z-index:-1}.inner .wrapper .img{border-radius:var(--border-radius);filter:grayscale(100%) contrast(1);mix-blend-mode:multiply;overflow:hidden;position:relative;transition:var(--transition)}.inner .wrapper img{height:100%;margin:0;max-width:none;object-fit:cover;padding:0;width:100%}.inner .wrapper:focus,.inner .wrapper:hover{background:#0000;box-shadow:0 20px 30px -15px var(--nav);outline:0}.inner .wrapper:focus:after,.inner .wrapper:hover:after{left:15px;top:15px}.inner .wrapper:hover .img{filter:none;mix-blend-mode:normal}@media (max-width:768px){.about .inner{display:block}.inner .about__pic{margin:50px auto 0;width:70%}}#experience{max-width:700px}#experience .inner{display:flex}.tablist{margin:0;padding:0;width:-webkit-max-content;width:max-content}.tablist button{align-items:center;background-color:initial;border-style:none;border-left:2px solid var(--lightest-navy);color:var(--slate);cursor:pointer;display:flex;font-family:var(--font-mono);font-size:var(--fz-xs);height:var(--tab-height);outline:none;padding:0 20px 2px;text-align:left;white-space:nowrap;width:100%}.active__tab{border-left:2px solid var(--green)!important}.tab__contents{height:auto;padding:10px 5px;position:relative}.tab_content h3{font-size:var(--fz-xxl);font-weight:500;line-height:1.3;margin-bottom:10px}.tab_content h3 .company{color:var(--green)}.tab_content p{color:var(--light-slate);font-family:var(--font-mono);font-size:var(--fz-xs);margin-bottom:25px!important}.tab_content ul{font-size:var(--fz-lg);list-style:none;margin:0;padding:0}.tab_content ul li{margin-bottom:10px;padding-left:30px;position:relative}.tab_content ul li:before{color:var(--green);content:"▹";left:0;position:absolute}@media (max-width:768px){.inner .tab_btn{align-items:center;border-bottom:2px solid var(--lightest-navy);border-left:0;display:flex;justify-content:center;min-width:120px;padding:0 15px;text-align:center}}@media (max-width:600px){#experience .inner{display:block}.inner .tablist{display:flex;margin-bottom:30px;margin-left:-50px;overflow-x:auto;padding-left:50px;width:calc(100% + 100px)}.inner .tab__contents{margin-left:0}}@media (max-width:480px){.inner .tablist{margin-left:-25px;padding-left:25px;width:calc(100% + 50px)}}.projects{list-style:none}.project{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:repeat(12,1fr);position:relative}.project:not(:last-of-type){margin-bottom:100px}.project .project__content{grid-area:1/1/-1/7}.project:nth-child(odd) .project__content{grid-column:7/-1;text-align:right}.project:nth-child(odd) .project__image{grid-column:1/8}.project .project-overline{color:var(--green);font-family:var(--font-mono);font-size:var(--fz-xs);font-weight:400;margin:10px 0}.project .project-title{color:var(--lightest-slate);font-size:clamp(24px,5vw,28px)}.project .project-description{background-color:var(--light-navy);border-radius:var(--border-radius);box-shadow:0 10px 30px -15px var(--navy-shadow);color:var(--light-slate);font-size:var(--fz-lg);padding:25px;position:relative;z-index:2}.project:nth-child(odd) .project-tech-list{justify-content:flex-end}.project .project-tech-list{display:flex;flex-wrap:wrap;list-style:none;margin:25px 0 10px;padding:0;position:relative;z-index:2}.project .project-tech-list li{color:var(--light-slate);font-family:var(--font-mono);font-size:var(--fz-xs);margin:0 20px 5px 0;white-space:nowrap}.project:nth-child(odd) .project-tech-list li{margin:0 0 5px 20px}.project .project-links{align-items:center;color:var(--light-slate);display:flex;margin-left:10px;margin-top:10px}.project:nth-child(odd) .project-links{justify-content:flex-end;margin-left:0;margin-right:-10px}.project .project-links a{align-items:center;display:flex;justify-content:center;padding:10px}.project .project-links svg{height:20px;width:20px}.project .project__image{box-shadow:0 10px 30px -15px var(--navy-shadow);grid-area:1/6/-1/-1;height:100%;z-index:1}.project .project__image a{background-color:var(--green);border-radius:var(--border-radius);height:100%;vertical-align:middle;width:100%}.project .project__image a:before{background-color:var(--navy);content:"";inset:0;mix-blend-mode:screen;position:absolute;width:100%;z-index:3}.project .project__image:hover a{background:none}.project .project__image .image__wrapper{border-radius:var(--border-radius);filter:grayscale(100%) contrast(1) brightness(90%);height:100%;max-width:100%;mix-blend-mode:multiply;overflow:hidden;vertical-align:middle;width:100%}.project .project__image:hover .image__wrapper{filter:none;mix-blend-mode:normal}.project .image__wrapper img{bottom:0;height:100%;left:0;margin:0;padding:0;right:0;top:0;width:100%}@media (max-width:1080px){.project .project__content{grid-column:1/9}.project:nth-child(odd) .project__content{grid-column:5/-1}}@media (max-width:768px){.project{box-shadow:0 10px 30px -15px var(--navy-shadow)}.project:not(:last-of-type){margin-bottom:70px}.project .project__content{display:flex;flex-direction:column;grid-column:1/-1;height:100%;justify-content:center;padding:40px 40px 30px;z-index:5}.project:nth-child(odd) .project__content{grid-column:1/-1;padding:40px 40px 30px;text-align:left}.project .project__image{height:100%;opacity:.25}.project .project__image,.project:nth-child(odd) .project__image{grid-column:1/-1}}@media (max-width:480px){.project:not(:last-of-type){margin-bottom:30px}.project .project__content{padding:30px 25px 20px}.project:nth-child(odd) .project__content{padding:25px 25px 20px}}.project__gallery{align-items:center;display:flex;flex-direction:column}.project__gallery .archieve__link{font-family:var(--font-mono);font-size:var(--fz-sm)}a.inline__link{-webkit-text-decoration-skip:ink;color:var(--green);display:inline-block;text-decoration:none;text-decoration-skip-ink:auto}a.inline__link,a.inline__link:after{position:relative;transition:var(--transition)}a.inline__link:after{background-color:var(--green);bottom:.37em;content:"";display:block;height:1px;opacity:.5;width:0}.project__gallery .archieve__link:after{bottom:.1em}.project__gallery .project__grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));list-style:none;margin:50px 0 0;padding:0;position:relative}.project__gallery .project__item{cursor:default;position:relative;transition:var(--transition)}.project__item .project__inner{align-items:center;background-color:var(--light-navy);border-radius:var(--boreder-radius);box-shadow:0 10px 30px -15px var(--navy-shadow);display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem 1.75rem;position:relative;transition:var(--transition)}.project__inner .project__top{align-items:center;display:flex;justify-content:space-between;margin-bottom:35px}.project__gallery .project__inner .folder{color:var(--green)}.project__gallery .project__inner .project__link{align-items:center;color:var(--light-slate);display:flex;margin-right:-10px}.project__gallery .project__inner .project__link a{align-items:center;display:flex;justify-content:center;padding:5px 7px}.project__link a svg{height:20px;width:20px}.project__item .project__title{color:var(--lightest-slate);font-size:var(--fz-xxl);margin:0 0 10px}.project__item .project__description{color:var(--light-slate);font-size:17px}footer{width:100%}footer .project__tech__list{align-items:flex-end;display:flex;flex-grow:1;flex-wrap:wrap;list-style:none;margin:20px 0 0;padding:0}footer .project__tech__list li{font-family:var(--font-mono);font-size:var(--fz-xxs);line-height:1.75}footer .project__tech__list li:not(:last-of-type){margin-right:15px}@media (max-width:1080px){.project__gallery .project__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}#contact{margin:0 auto 100px;max-width:600px;text-align:center}#contact .overline{color:var(--gren);display:block;font-family:var(--font-mono);font-size:var(--fz-md);font-weight:400;margin-bottom:20px}#contact .overline:before{bottom:0;font-size:var(--fz-sm)}#contact .overline:after{display:none}#contact .email__link{background-color:initial;border:1px solid var(--green);border-radius:var(--border-radius);color:var(--green);cursor:pointer;font-family:var(--font-mono);font-size:var(--fz-sm);line-height:1;margin-top:50px;padding:1.25rem 1.75rem;text-decoration:none;transition:var(--transition)}main{margin:0 auto;max-width:1600px;min-height:100vh;padding:0 25px;width:100%}@media screen and (max-width:1080px){main{padding:0 100px}}@media screen and (max-width:768px){main{padding:0 50px}}@media screen and (max-width:480px){main{padding:0 25px}}.cursor__lens{background-color:var(--navy);border:2.5px solid var(--green);border-radius:50%;box-shadow:0 0 0 1px #64ffda26,0 12px 40px #0000008c,inset 0 0 24px #64ffda0f;height:60px;overflow:hidden;pointer-events:none;position:fixed;transform:translate(-50%,-50%);transition:opacity .15s ease;width:60px;z-index:9999}.cursor__lens-inner{position:absolute}.cursor__lens.is-hidden{opacity:0}@media (hover:none) and (pointer:coarse){.cursor__lens{display:none}*,:after,:before{cursor:auto!important}}:root{--dark-navy:#020c1b;--navy:#0a192f;--light-navy:#112240;--lightest-navy:#233554;--navy-shadow:#020c1bb3;--dark-slate:#495670;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#e6f1ff;--green:#64ffda;--green-tint:#64ffda1a;--pink:#f57dff;--blue:#57cbff;--font-sans:"Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;--fz-xxs:12px;--fz-xs:13px;--fz-sm:14px;--fz-md:16px;--fz-lg:18px;--fz-xl:20px;--fz-xxl:22px;--fz-heading:32px;--border-radius:4px;--nav-height:100px;--nav-scroll-height:70px;--tab-height:42px;--tab-width:120px;--easing:cubic-bezier(0.645,0.045,0.355,1);--transition:all 0.25s cubic-bezier(0.645,0.045,0.355,1);--hamburger-width:30px;--ham-before:top 0.1s ease-in 0.25s,opacity 0.1s ease-in;--ham-before-active:top 0.1s ease-out,opacity 0.1s ease-out 0.12s;--ham-after:bottom 0.1s ease-in 0.25s,transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);--ham-after-active:bottom 0.1s ease-out,transform 0.22s cubic-bezier(0.215,0.61,0.355,1) 0.12s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}::selection{background-color:#233554;background-color:var(--lightest-navy);color:#ccd6f6;color:var(--lightest-slate)}body{-webkit-font-smoothing:antialiased;background-color:#0a192f;background-color:var(--navy);color:#8892b0;color:var(--slate);display:block;font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-family:var(--font-sans);font-size:20px;font-size:var(--fz-xl);line-height:1.3;margin:0;min-height:100%;overflow-x:hidden;width:100%}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{background-color:#495670;background-color:var(--dark-slate);border:3px solid #0a192f;border:3px solid var(--navy);border-radius:10px}body::-webkit-scrollbar-track{background:var(--nay)}#root{display:grid;grid-template-columns:100%;grid-template-rows:1fr auto}#root,.App{min-height:100vh}.App{display:flex;flex-direction:column}section{margin:0 auto;max-width:1000px;padding:100px 0}h1,h2,h3,h4,h5,h6{color:#ccd6f6;color:var(--lightest-slate);font-weight:600;line-height:1.1;margin:0 0 10px}p{margin:0 0 15px}p:last-child,p:last-of-type{margin:0}.number-heading{align-items:center;display:flex;font-size:clamp(26px,5vw,32px);font-size:clamp(26px,5vw,var(--fz-heading));margin:10px 0 40px;position:relative;white-space:nowrap;width:100%}main{counter-reset:section}.number-heading:before{bottom:-5px;color:#64ffda;color:var(--green);content:"0" counter(section) ".";counter-increment:section 1;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono);font-size:clamp(16px,3vw,20px);font-size:clamp(var(--fz-md),3vw,var(--fz-xl));font-weight:400;margin-right:10px;position:relative}.number-heading:after{background-color:#233554;background-color:var(--lightest-navy);content:"";display:block;height:1px;margin-left:20px;position:relative;top:5px;width:300px}button{border:0;border-radius:0;cursor:pointer}a{-webkit-text-decoration-skip:ink;color:inherit;display:inline-block;position:relative;text-decoration:none;text-decoration-skip-ink:auto;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}.email-link:active,.email-link:focus,.email-link:hover,.resume-button:active,.resume-button:focus,.resume-button:hover{background-color:#64ffda1a!important;background-color:var(--green-tint)!important;outline:none!important}.about__pic .image_wrapper,img,svg{max-width:100%;vertical-align:middle;width:100%}li span,p a,p span{color:#64ffda;color:var(--green);cursor:pointer;display:inline-block;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono);outline:none}li span,li>span:after,p a,p span,p>a:after,p>span:after{position:relative;transition:all .25s cubic-bezier(.645,.045,.355,1);transition:var(--transition)}li>span:after,p>a:after,p>span:after{background-color:#64ffda;background-color:var(--green);bottom:0;content:"";display:block;height:1px;opacity:.5;width:0}li>span:focus:after,li>span:hover:after,p>a:focus:after,p>a:hover:after,p>span:focus:after,p>span:hover:after{width:100%}@media (max-width:1080px){.number-heading:after{width:200px}}@media (max-width:768px){section{padding:80px 0}.number-heading:after{width:100%}}@media (max-width:600px){.number-heading:after{margin-left:10px}}@media (max-width:480px){body{font-size:18px;font-size:var(--fz-lg)}section{padding:60px 0}.number-heading:before{margin-bottom:-3px;margin-right:5px}}
/*# sourceMappingURL=main.f7634a29.css.map*/