/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}embed,iframe,object{max-width:100%}img,video{max-width:100%;height:auto}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;z-index:2000!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px #0009;clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.left-panel{width:100%;height:calc(100vh - 3.5rem);top:0;position:relative;background-color:#000;color:#fff}.left-panel .acf-image.site-logo img{width:100%;height:100%;max-width:10rem;max-height:10rem;position:absolute;top:0;left:0;z-index:100}.left-panel .hero{display:flex;flex-direction:column;justify-content:center;margin:2.5rem;height:100vh}.left-panel .hero .hero-content{display:flex;flex-direction:column;gap:5rem;justify-content:space-evenly}.left-panel .hero .hero-content section h1{font-size:5.5vh;font-family:public-sans,sans-serif;text-transform:uppercase}.left-panel .hero .hero-content section h2{font-size:3.5vh;font-family:public-sans,sans-serif}.left-panel .hero .hero-content .call-to-action{background-color:#8a2be2;color:#fff;display:flex;width:max-content;padding:.5rem 2rem;gap:.1rem;margin:1rem auto;border-radius:10px;font-weight:600;text-decoration:none;font-size:2vh;cursor:pointer}.left-panel .hero .hero-content .call-to-action .btn-text{font-family:barlow,sans-serif;margin:0}.left-panel nav .footer-nav{list-style:none;display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;right:0;padding:1.2rem;margin:0;background-color:#303030;gap:3vw;z-index:10;filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}.left-panel nav .footer-nav li a{color:#fff;font-family:barlow,sans-serif;font-weight:700;text-decoration:none;display:inline-block;font-size:2vh}@media (min-width: 48.0625rem){.left-panel{height:100vh;width:50vw;position:sticky;flex-shrink:0}.left-panel .hero{height:calc(100vh - 5rem);gap:3rem;justify-content:flex-end}.left-panel .hero .hero-content{height:70%;justify-content:space-evenly}.left-panel .hero .hero-content section h1{font-size:6.5vh}.left-panel nav .footer-nav{position:absolute;bottom:0rem}.left-panel nav .footer-nav #home{display:none}}.project-gallery{background-color:#f0fffa;color:#2f2f22;min-height:100vh;padding-bottom:2.5rem}.project-gallery h2{padding:1.5rem 2.5rem;margin:0;font-family:public-sans,sans-serif;text-align:center;font-size:4.5vh;font-weight:800}.project-gallery .project-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:1rem}.project-gallery .project-grid .project-card{max-width:13vw;min-width:13rem;border-radius:2rem;display:grid;grid-template-rows:auto auto auto;padding:1rem;background-color:#fbf9f9;box-shadow:0 4px 12px #0000001a;cursor:pointer}.project-gallery .project-grid .project-card:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.project-gallery .project-grid .project-card img{width:100%;border-radius:1rem;object-fit:cover;max-height:150px}.project-gallery .project-grid .project-card .content{margin-top:1.5rem}.project-gallery .project-grid .project-card .content h3{font-size:1.2rem;margin:0;text-align:center}.project-gallery .project-grid .project-card .content .project-skills{display:flex;justify-content:center;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.project-gallery .project-grid .project-card .content .project-skills .skill{background:#e9f6f2;border-radius:1.25rem;padding:.3rem .8rem;font-size:.8rem;font-weight:500;color:#333;border:1px solid #CCEDE4}.project-gallery .project-grid .project-card .content .project-skills .skill p{margin:0;font-size:clamp(.75rem,1.4vh,1.4rem);font-family:barlow,sans-serif}@media (min-width: 75rem){.project-gallery{position:sticky;top:0;z-index:4}}.FeaturedProject{display:flex;flex-direction:column;background:#fef4ff;color:#2f2f22;min-height:calc(100vh - 3.5rem)}.FeaturedProject h2{font-family:public-sans,sans-serif;text-align:center;font-size:4.5vh;font-weight:800;margin:1.5rem 2.5rem}.FeaturedProject .Image-layout-wrapper{position:relative;margin:0 2.5rem}.FeaturedProject .Image-layout-wrapper .phone-mockup{width:100%;display:block;margin:0 auto}.FeaturedProject h3{font-size:4vh;font-weight:800;margin:1.5rem 2.5rem;text-align:center;font-family:public-sans,sans-serif}.FeaturedProject .phone-scale{opacity:0;transform:translateY(-60px);transition:transform .8s ease,opacity .8s ease}.FeaturedProject .phone-scale.enter{opacity:1;transform:translateY(0)}.FeaturedProject .description{font-family:barlow,sans-serif;max-width:60%;margin:0 auto;font-size:2vh;align-self:center}.FeaturedProject .call-to-action{background-color:#8a2be2;color:#fff;display:flex;width:max-content;padding:.5rem 2rem;gap:.1rem;margin:1rem auto;border-radius:10px;font-weight:600;text-decoration:none;font-size:2vh;cursor:pointer}.FeaturedProject .call-to-action .btn-text{font-family:barlow,sans-serif;margin:0}@media (min-width: 768px){.FeaturedProject{height:100vh;justify-content:space-evenly}.FeaturedProject .Image-layout-wrapper .phone-mockup{max-height:23rem;max-width:31.25rem}}@media (min-width: 75rem){.FeaturedProject{position:sticky;top:0;z-index:1}}.about{display:flex;flex-direction:column;min-height:100vh;background-color:#f8f3ff}.about h2{margin:0;padding:1.5rem 2.5rem;font-family:public-sans,sans-serif;text-align:center;font-size:4.5vh;font-weight:800}.about .text{padding:0 2.5rem}.about .text ul{margin:0;padding:0}.about .text ul li{list-style:none;padding-bottom:1rem;font-family:barlow,sans-serif;font-size:2vh;line-height:1.3}.about .contact{margin-top:auto;padding:4rem 0;display:flex;flex-direction:column;align-items:center}.about .contact .message{padding:0 2.5rem;font-weight:700;font-family:barlow,sans-serif;font-size:2vh;text-align:center}.about .contact .contact-icons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.about .contact .contact-icons a{text-decoration:none;color:#2f2f22;font-size:2rem;transition:all .3s ease-in-out}@media (min-width: 48.0625rem){.about .text{margin:2rem 0}.about .contact a:hover{transform:scale(1.2);color:#000}}@media (min-width: 75rem){.about{position:sticky;top:0;z-index:6}}.footer{position:relative;text-align:end;z-index:9;padding:0 1rem 4rem;font-family:barlow,sans-serif;font-size:2vh}@media (min-width: 48.0625rem){.footer{padding:0 2rem 1.5rem}}.all-skills-wrapper{background-color:#fffdf6;min-height:100vh;padding-bottom:2rem}.all-skills-wrapper h2{margin:0;padding:1.5rem 2.5rem;font-family:public-sans,sans-serif;text-align:center;font-size:4.5vh;font-weight:800}.all-skills-wrapper .category-block{padding:.5rem 1rem}.all-skills-wrapper h3{margin:0;font-size:1.3rem;padding-left:1rem;padding-right:1rem;font-weight:800;text-align:left;font-family:public-sans,sans-serif}.all-skills-wrapper .skills-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding-left:1rem;padding-right:1rem;gap:.5rem;margin-top:.5rem;border-radius:.5rem}.skill-item{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.35rem .25rem;border-radius:.375rem}.skill-item .skill{display:flex;flex-direction:row;gap:.5rem;align-items:center}.skill-item .skill img{max-width:1.5rem;max-height:1.5rem}.skill-item .skill .acf-image{margin:0rem}.skill-item .skill p{font-size:2vh;flex-direction:column;display:flex;margin:0;font-family:barlow,sans-serif}@media (min-width: 48.0625rem){.all-skills-wrapper .skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 75rem){.all-skills-wrapper{position:sticky;top:0;z-index:5}}.project-page{background-color:#f3fcff}.project-page h2{padding:1.5rem 2.5rem;margin:0;font-family:public-sans,sans-serif;text-align:center;font-size:3vh;font-weight:800}.project-page .project-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;max-width:50rem;margin:0 auto}.project-page .project-info .acf-image{margin:0}.project-page .project-info .acf-image img{max-width:17.5rem}.project-page .project-info .project-description{font-size:2vh;text-align:center;padding:0 2rem}.project-page .project-info .project-description p{font-family:barlow,sans-serif;text-align:left;font-size:clamp(.75rem,1.7vh,1.5rem)}.project-page .project-info .project-skills{display:flex;justify-content:left;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.project-page .project-info .project-skills .skill{background:#a2d2ff;border-radius:1rem;padding:.3rem .8rem;font-size:2vh;font-weight:500;color:#333}.project-page .project-info .project-skills .skill p{margin:0;font-family:barlow,sans-serif;font-size:clamp(.75rem,1.4vh,1.4rem)}.project-page .project-info .project-icons{display:flex;justify-content:center;gap:1rem;margin-top:1rem}.project-page .project-info .project-icons a{text-decoration:none;color:#2f2f22;font-size:3vh;transition:all .3s ease-in-out}.project-page .project-info .project-icons a:hover{transform:scale(1.2);transition:all .3s ease-in-out}.project-page h3{padding:0 2rem;font-size:clamp(.75rem,3vh,3rem);margin-bottom:0;font-family:public-sans,sans-serif;font-weight:600}.project-page .project-text{padding:0 2rem}.project-page .project-text ul{padding:1rem}.project-page .project-text ul li{text-align:left;font-family:barlow,sans-serif;font-size:clamp(.75rem,1.7vh,1.5rem)}.project-page #learning{padding:1rem 2rem 4rem;text-align:left;font-family:barlow,sans-serif;font-size:clamp(.75rem,1.7vh,1.5rem)}@media (min-width: 48.0625rem){.project-page .project-info .project-icons{justify-content:flex-start}}@media (min-width: 1500px){.project-page .project-info{flex-direction:row;gap:.5rem}.project-page .project-info .acf-image{margin:1.5rem}.project-page .project-info .acf-image img{max-width:20rem}.project-page .project-info .project-description{padding:0 1rem;display:flex;flex-direction:column}}body{margin:0}body .app-layout{display:flex;flex-direction:column}body .right-panel{height:100vh;width:100%}@media (min-width: 48.0625rem){body .app-layout{flex-direction:row;height:100vh}body .right-panel{width:50vw;overflow-y:scroll}}