@font-face{font-family:open_sans;src:url(/_next/static/media/3e73688aef1cf754-s.p.woff2) format("woff2");font-display:swap}@font-face{font-family:open_sans;src:url(/_next/static/media/5dc0fff344b9fa76-s.p.woff2) format("woff2");font-display:swap;font-style:italic}@font-face{font-family:open_sans Fallback;src:local("Arial");ascent-override:101.58%;descent-override:27.84%;line-gap-override:0.00%;size-adjust:105.22%}.__className_6d5b9c{font-family:open_sans,open_sans Fallback}.__variable_6d5b9c{--font-open_sans:"open_sans","open_sans Fallback"}@font-face{font-family:chakra_petch;src:url(/_next/static/media/aafc8b143cf47297-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:chakra_petch Fallback;src:local("Arial");ascent-override:96.30%;descent-override:29.90%;line-gap-override:0.00%;size-adjust:103.01%}.__className_6190c1{font-family:chakra_petch,chakra_petch Fallback;font-weight:400;font-style:normal}.__variable_6190c1{--font-chakra-petch:"chakra_petch","chakra_petch Fallback"}:root{--special-font-color:#3aadc4;--font-light:#cdd8e1;--font-light-shade:#bcc8d1;--secondary-color:#799fb3}*,:after,:before{box-sizing:border-box}canvas,img,picture,svg,video{display:block;max-width:100%}body{margin:auto;font-family:var(--font-open_sans)}button,input,select,textarea{font:inherit}.space-tb-1rem{margin-top:1rem;margin-bottom:1rem}.main-background-image{background-color:black;background-image:url(/_next/static/media/system-background_1920.26ea8b90.jpg);background-size:cover}.font-light{color:var(--font-light)}.navbar-section{background-color:hsl(0deg 0% 0%/.6);font-size:1.2rem}.navbar-container{display:grid;max-width:1080px;margin:.5rem auto auto;height:48px;grid-template-columns:1fr 1fr;align-content:center}.link-container{display:flex;align-items:center;margin-right:.5rem;font-family:var(--font-chakra-petch)}#logo,.navbar-logo{color:var(--special-font-color)}.social-icon{padding:1rem}.social-btn{display:inline-block;margin:.5rem}.gitlab-icon,.linkedin-icon{height:1.25rem;width:1.25rem}.nav-grid{flex-direction:row}.main-navigation,.nav-grid{display:flex;align-items:center}.main-navigation{justify-content:flex-end}.nav-image{display:inline-block;height:48px;width:24px}.nav-img-end,.navlink{margin-left:.5rem}.navlink{color:var(--font-light);margin-right:.5rem;text-decoration:none}.navlink:hover{color:var(--special-font-color)}.active-link{text-decoration:underline}.mobile-menu{position:absolute;right:1rem;top:1rem;display:none;z-index:21}.mobile-menu-icon{height:1.25rem;width:1.25rem;background-color:var(--special-font-color)}@media (max-width:960px){.navbar-container{padding-right:.5rem;padding-left:.5rem}.main-navigation{flex-direction:column;align-items:flex-start;padding:3em 4em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:20}.mobile-container[data-mobile=false]{opacity:0;left:-1000px}.nav-img-end{display:none}.mobile-menu{display:inline}}.visually-hidden{clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.no-display{display:none}.footer{background-color:hsl(0deg 0% 0%/.6);border-radius:10%;margin:auto auto .5rem;padding:1.4em;width:70%;display:flex}.footer-content{margin:auto}.hero-section{padding-top:4em;padding-bottom:8em}.hero-container{max-width:50%;margin:auto;font-size:1.3em}.beginning-hero-text{font-size:1.5em;margin-bottom:1rem}.hero-text-color{color:var(--secondary-color)}.hero-name{font-size:3em;margin:.5rem auto}.hero-subtext{color:var(--special-font-color);font-size:1.7em;width:100%}.hero-subtext-top{margin-top:.5em;margin-bottom:0}.hero-subtext-bottom{margin-top:0;margin-bottom:.5em}.skill-section{margin-top:2rem;margin-bottom:2rem}.skill-list{color:var(--special-font-color);display:flex;justify-content:space-between;font-size:.9em}.first-skill-list{margin-bottom:1rem}.middle-skill-list{margin-top:.5rem;margin-bottom:.5rem}.last-skill-list{margin-top:1rem}.skill-list p:after,.skill-list p:before{margin-right:.2em;margin-left:.2em;font-weight:bolder}.skill-list p:before{content:"<";color:var(--secondary-color)}.skill-list p:after{content:">";color:var(--secondary-color)}.contact-link{color:var(--special-font-color)}@media (max-width:750px){.mobile-hero-beginning>h1,.mobile-hero-beginning>h2,.mobile-hero-beginning>p{text-align:center}.hero-container{max-width:90%}.skill-list{flex-direction:column;align-items:center}.skill-list p{-webkit-margin-before:.5em;margin-block-start:.5em;-webkit-margin-after:.5em;margin-block-end:.5em}}.portfolio{max-width:1100px;margin:5em auto auto;padding-bottom:5em}.showcase-grid{display:grid;grid-template-areas:"desktop mobile";grid-gap:2px;gap:2px;margin:auto auto 2em}.showcase-img{width:100%;height:100%}.showcase-img:hover{border-width:2px;cursor:zoom-in}.divImage{max-width:400px;max-height:550px}.divImage>p{margin:0}.showcase-img-destktop{grid-area:desktop;object-fit:contain}.showcase-img-mobile{grid-area:mobile;object-fit:contain}.showcase-text{font-size:1.3em;color:var(--font-light);width:80%;margin:1em auto auto}.showcase-img-description{font-size:.8rem;text-align:center}#lightbox{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.5);overflow:scroll}#lightbox-img{height:auto;max-width:100%;margin:auto;cursor:zoom-out}.website-url{color:var(--special-font-color)}.showcase-additional{padding-top:1rem;border-top:.1em solid var(--special-font-color)}.service-list{max-width:50%;margin:auto;color:var(--special-font-color)}.service-card{max-width:300px;border:2px solid blue}.contact-page{max-width:600px;margin:5em auto auto;padding-bottom:5em}@media (max-width:720px){.contact-page{padding:.5rem}}.contact-form{max-width:600px;margin:auto}.contact-input-container{display:grid;padding:.5rem}.contact-btn-container{display:flex;justify-content:flex-end}.contact-btn{text-align:center;padding:.5rem 1rem;border-radius:.3rem}.input-area{border-radius:.5rem;width:100%;padding:.5rem}.contact-success{color:green}.contact-error{color:red}