@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@300;400;600;700&display=swap";:root{--clr-base: #121212;--clr-primary: #18a0fb;--clr-text-lt: #ffffff;--clr-text-ltr: #d9d9d9;--fw-light: 300;--fw-regular: 400;--fw-semi-bold: 600;--fw-bold: 700}*{margin:0;padding:0;box-sizing:border-box;font:inherit}html,body{height:100%}body{font-family:Bai Jamjuree,sans-serif;background:var(--clr-base)}h1,h2,button{color:var(--clr-text-lt)}p{color:var(--clr-text-ltr)}img,svg{max-width:100%;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-scroll{overflow-y:hidden}.section-heading{font-size:2.625rem;font-weight:600}.body-content{font-size:1.1rem;font-weight:400;color:var(--clr-text-ltr);line-height:1.4}.accent{color:var(--clr-primary)}.emphasis{font-weight:800}.btn{cursor:pointer;padding:4px 18px;border-radius:4px;font-size:.875rem;font-weight:600;text-decoration:none}.btn-primary{background:var(--clr-primary);color:var(--clr-text-lt);border:var(--clr-primary) solid 2px}.btn-primary:hover{opacity:.8;transition:all .2s ease-out}.btn-secondary{color:var(--clr-text-lt);border:var(--clr-text-lt) solid 2px}.btn-secondary:hover{background:#fff;color:var(--clr-base);transition:all .2s ease-out}.container{max-width:1200px;display:grid;margin:auto;padding:1rem 3rem}.even-columns{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding-top:2.5rem}.primary-header{min-height:10svh}.primary-header .container{padding-top:1rem;padding-bottom:1rem}.nav-wrapper{display:flex;justify-content:space-between;align-items:center}.nav-logo{max-width:150px;z-index:999}.primary-navigation .nav-list{display:flex;gap:2rem;list-style:none}.primary-navigation .nav-list li a{color:var(--clr-text-lt);font-size:1.2rem;font-weight:600;text-decoration:none}.primary-navigation .nav-list a:hover,.primary-navigation .nav-list a:focus{color:var(--clr-primary);transition:all .2s ease-out}.primary-navigation .nav-list li a span{color:var(--clr-primary)}.mobile-nav-toggle{display:none}@media (max-width: 50em){.primary-navigation{display:none;position:absolute;top:5rem;right:1rem;bottom:5rem;left:1rem}.primary-navigation[data-visible]{display:block}.primary-header[data-overlay]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#000}.primary-navigation .nav-list{flex-direction:column;font-size:1.5rem;text-align:center;background-color:#000;border-radius:.5rem;padding:3rem}.mobile-nav-toggle{display:block;z-index:999;cursor:pointer;background:none;border:0;padding:.5em}}.hero{min-height:90svh;border-bottom:var(--clr-primary) solid 4px}.hero .container{min-height:45svh;padding-top:200px}.hero-content{z-index:500}.hero .emoji{display:inline-block;width:32px;height:32px}.hero .primary-heading{font-size:2.75rem;font-weight:300;line-height:1.1;text-wrap:nowrap}.eyecatcher{font-weight:600;line-height:1.2}.hero-cta{display:flex;gap:.5rem;margin-top:.5rem;text-wrap:nowrap}.img-wrapper{position:relative;min-height:45svh}.hero-image{position:absolute;bottom:0;right:0;width:356px;min-height:599px;background-image:url(/assets/laptop-lg-DOXC7y87.svg);background-repeat:no-repeat;background-position:right bottom}.about{background-color:#10181f;width:100%;padding-top:100px;padding-bottom:50px}.about .section-heading{text-align:center}.about .even-columns img{width:100%;object-fit:contain;border-radius:4px}.skills{background-color:#10181f;width:100%;padding:50px 0}.skills .even-columns{grid-template-columns:repeat(3,1fr)}.skills .card{background:#0000004d;background:var(--clr-base);border-radius:4px;padding:2rem 1rem;min-width:280px;box-shadow:0 0 10px #0000004d}.skills .card-top{text-align:center}.skills .card-top .fa-icon{color:var(--clr-primary);font-size:3rem;margin-bottom:.8rem}.skills .card-heading{color:var(--clr-text-lt);font-size:1.4rem;font-weight:600;margin-bottom:2rem}.skills .card-bottom p{color:var(--clr-text-ltr);border:var(--clr-primary) solid 1px;width:max-content;padding:2px 10px;border-radius:4px;display:inline-block;margin:.3rem}.projects{background-color:#10181f;width:100%;padding:50px 0}.projects .section-heading{text-align:center}.projects .even-columns{grid-template-columns:repeat(3,1fr)}.projects .card{background:#0000004d;border-radius:4px;min-width:280px;box-shadow:0 0 10px #0000004d}.projects .screenshot{width:100%;min-height:max-content;background:#000;border-top-left-radius:4px;border-top-right-radius:4px}.projects .screenshot img{border-top-left-radius:4px;border-top-right-radius:4px}.projects .card-bottom{padding:1rem}.projects .card-heading{color:var(--clr-text-lt);font-size:1.4rem;font-weight:600;margin-bottom:2rem;padding-left:.5rem;padding-right:.5rem}.projects .tech{border:var(--clr-primary) solid 1px;width:max-content;padding:2px 10px;border-radius:4px;display:inline-block;margin:.3rem}.projects .card-bottom .description{color:var(--clr-text-ltr);padding-left:.5rem;padding-right:.5rem;margin-top:1.5rem}.projects .links{padding:2rem .5rem 1rem}.projects .links .btn-secondary{margin-right:.5rem}.contact{background-color:#10181f;padding-top:50px;padding-bottom:100px}.contact .form-wrapper{max-width:800px;margin:0 auto}.contact .body-content{margin-top:.5rem;padding-left:.1rem}.contact-form{padding-top:1rem}.form-group{display:flex;flex-direction:column;border:none}.contact-form input,.contact-form textarea{padding:10px;border:4px;border-radius:4px;background-color:#ffffffb3}.btn-submit{float:right}.error{color:red;font-size:.9rem;padding-top:.1rem;padding-left:.1rem;min-height:1.8rem}.success{text-align:center;font-weight:600;border-radius:10px;margin-bottom:1rem;padding:1rem;background-color:#3cb371b3;border:2px solid green}.primary-footer{background-color:#000;border-top:var(--clr-primary) solid 4px}.primary-footer .container{padding-top:25px;padding-bottom:25px}.footer-logo{width:150px}.footer-content{display:flex;gap:3rem;margin-top:50px}.flex-item{flex:1}.footer-navigation .nav-list{display:flex;flex-direction:column;gap:1rem;list-style:none}.footer-navigation .nav-list li a{color:var(--clr-text-lt);font-size:1.2rem;font-weight:600;text-decoration:none}.footer-navigation .nav-list a:hover,.footer-navigation .nav-list a:focus{color:var(--clr-primary);transition:all .2s ease-out}.footer-navigation .nav-list li a span{color:var(--clr-primary)}.primary-footer address{display:flex;justify-content:center;align-items:center}.primary-footer address a{color:var(--clr-text-lt);text-decoration:none}.primary-footer .icons{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.primary-footer .icons .envelope,.primary-footer .icons .github{color:var(--clr-text-lt);font-size:2rem}.primary-footer .icons .envelope:hover,.primary-footer .icons .github:hover{color:var(--clr-primary);transition:all .2s ease-out}.copyright{text-align:center;padding:5px;border-top:var(--clr-text-lt) solid 1px}@media screen and (max-width: 1024px),(max-height: 700px){.hero-image{background-image:url(/assets/laptop-md-CpQYoMZ4.svg);width:249px;min-height:493px}}@media screen and (width <= 1000px){.skills .even-columns,.projects .even-columns{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr)}.skills .card,.projects .card{max-width:300px;margin:0 auto}}@media screen and (width <= 900px){.about .even-columns{display:flex;flex-direction:column}.about .image-wrapper{padding:0 100px}}@media (width <= 825px){.footer-content{flex-direction:column;gap:2rem}.primary-footer address{justify-content:flex-start}.primary-footer .icons{justify-content:flex-start;gap:1rem}}@media screen and (max-width: 800px){.hero .primary-heading{font-size:2rem}.hero .emoji{width:28px;height:28px}.nav-logo{max-width:130px}.section-heading{font-size:2.125rem}}@media screen and (max-width: 675px){.container{padding:.5rem 1rem}.hero-image{background-image:url(/assets/laptop-sm-XgALfEHb.svg);width:163px;min-height:333px}.about .image-wrapper{padding:0}}@media screen and (max-width: 400px){.hero .primary-heading{font-size:1.65rem}.hero .emoji{width:20px;height:20px}.section-heading{font-size:1.8rem}}