@font-face{font-family:open_sans;src:url(../media/OpenSans_VariableFont_wdth,wght-s.p.6cb15e2a.woff2)format("woff2");font-display:swap}@font-face{font-family:open_sans;src:url(../media/OpenSans_Italic_VariableFont_wdth,wght-s.p.8d2aa9fc.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.0%;size-adjust:105.22%}.open_sans_b345bdce-module__1S1KWG__className{font-family:open_sans,open_sans Fallback}.open_sans_b345bdce-module__1S1KWG__variable{--font-open_sans:"open_sans","open_sans Fallback"}
@font-face{font-family:chakra_petch;src:url(../media/ChakraPetch_Regular-s.p.87c10524.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.3%;descent-override:29.9%;line-gap-override:0.0%;size-adjust:103.01%}.chakra_petch_d1102089-module__SSkK1a__className{font-family:chakra_petch,chakra_petch Fallback;font-style:normal;font-weight:400}.chakra_petch_d1102089-module__SSkK1a__variable{--font-chakra-petch:"chakra_petch","chakra_petch Fallback"}
:root{--special-font-color:#3aadc4;--font-light:#cdd8e1;--font-light-shade:#bcc8d1;--secondary-color:#799fb3}*,:before,:after{box-sizing:border-box}img,picture,video,canvas,svg{max-width:100%;display:block}body{font-family:var(--font-open_sans);margin:auto}input,textarea,button,select{font:inherit}.space-tb-1rem{margin-top:1rem;margin-bottom:1rem}.main-background-image{background-color:#000;background-image:url(../media/system-background_1920.5f255614.jpg);background-size:cover}.font-light{color:var(--font-light)}
.navbar-section{background-color:#0009;font-size:1.2rem}.navbar-container{grid-template-columns:1fr 1fr;align-content:center;max-width:1080px;height:48px;margin:.5rem auto auto;display:grid}.link-container{font-family:var(--font-chakra-petch);align-items:center;margin-right:.5rem;display:flex}#logo,.navbar-logo{color:var(--special-font-color)}.social-icon{padding:1rem}.social-btn{margin:.5rem;display:inline-block}.linkedin-icon,.gitlab-icon{width:1.25rem;height:1.25rem}.nav-grid{flex-direction:row;align-items:center;display:flex}.main-navigation{justify-content:flex-end;align-items:center;display:flex}.nav-image{width:24px;height:48px;display:inline-block}.nav-img-end{margin-left:.5rem}.navlink{color:var(--font-light);margin-left:.5rem;margin-right:.5rem;text-decoration:none}.navlink:hover{color:var(--special-font-color)}.active-link{text-decoration:underline}.mobile-menu{z-index:21;display:none;position:absolute;top:1rem;right:1rem}.mobile-menu-icon{background-color:var(--special-font-color);width:1.25rem;height:1.25rem}@media (max-width:960px){.navbar-container{padding-left:.5rem;padding-right:.5rem}.main-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;padding:3em 4em}.mobile-container{z-index:20;background-color:#000c;width:100%;height:100%;position:absolute;top:0;left:0%}.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);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.no-display{display:none}
.footer{background-color:#0009;border-radius:10%;width:70%;margin:auto auto .5rem;padding:1.4em;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{margin-bottom:1rem;font-size:1.5em}.hero-text-color{color:var(--secondary-color)}.hero-name{margin:.5rem auto;font-size:3em}.hero-subtext{color:var(--special-font-color);width:100%;font-size:1.7em}.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);justify-content:space-between;font-size:.9em;display:flex}.first-skill-list{margin-bottom:1rem}.middle-skill-list{margin-top:.5rem;margin-bottom:.5rem}.last-skill-list{margin-top:1rem}.skill-list p:before,.skill-list p:after{margin-left:.2em;margin-right:.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>p,.mobile-hero-beginning>h1,.mobile-hero-beginning>h2{text-align:center}.hero-container{max-width:90%}.skill-list{flex-direction:column;align-items:center}.skill-list p{margin-block:.5em}}
.portfolio{max-width:1100px;margin:5em auto auto;padding-bottom:5em}.showcase-grid{grid-template-areas:"desktop mobile";gap:2px;margin:auto auto 2em;display:grid}.showcase-img{width:100%;height:100%}.showcase-img:hover{cursor:zoom-in;border-width:2px}.divImage{max-width:400px;max-height:550px}.divImage>p{margin:0}.showcase-img-destktop{object-fit:contain;grid-area:desktop}.showcase-img-mobile{object-fit:contain;grid-area:mobile}.showcase-text{color:var(--font-light);width:80%;margin:1em auto auto;font-size:1.3em}.showcase-img-description{text-align:center;font-size:.8rem}#lightbox{z-index:1;background-color:#ffffff80;width:100%;height:100%;position:absolute;top:0;left:0;overflow:scroll}#lightbox-img{cursor:zoom-out;max-width:100%;height:auto;margin:auto}.website-url{color:var(--special-font-color)}.showcase-additional{border-top:.1em solid var(--special-font-color);padding-top:1rem}
.service-list{max-width:50%;color:var(--special-font-color);margin:auto}.service-card{border:2px solid #00f;max-width:300px}
.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{padding:.5rem;display:grid}.contact-btn-container{justify-content:flex-end;display:flex}.contact-btn{text-align:center;border-radius:.3rem;padding:.5rem 1rem}.input-area{border-radius:.5rem;width:100%;padding:.5rem}.contact-success{color:green}.contact-error{color:red}