header[data-astro-cid-nen7h5rs]{box-sizing:border-box;z-index:10;background-color:#fff;border-bottom:1px solid #f3f3f3;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-left:auto;margin-right:auto;padding:10px 20px;transition:color .2s ease-in-out,border-color .2s ease-in-out;display:flex;position:fixed;top:0;@media (width<=750px){body.nav-open &{transition:none;background-color:var(--accent-color)!important;& .pagetitle,& #navigation-toggler{opacity:1;color:#fff}}}@media (width<=450px){& h1{font-size:40px}}@media (width>=750px){transition:background-color .2s ease-in-out,border-color .2s ease-in-out}}.pagetitle[data-astro-cid-nen7h5rs]{float:left;color:#000;font-size:1.429rem;font-weight:300;font-family:var(--primary-font);@media (width>=750px){transition:color .2s ease-in-out}}#navigation-toggler[data-astro-cid-nen7h5rs]{appearance:none;cursor:pointer;float:right;font-size:1.429rem;font-family:var(--primary-font);user-select:none;background:0 0;border:none;display:none}nav[data-astro-cid-nen7h5rs]{float:right;transition:right .2s ease-in-out;overflow:visible;body.nav-open &{display:block;right:0}& ul{margin:0;padding:0;list-style:none;display:inline-flex;& li{float:left;cursor:pointer;color:#000;align-items:center;margin:2px 10px 0;font-size:1rem;display:flex;& a{cursor:pointer;color:#000;border:1px solid #0000;padding:5px 10px;font-size:1rem;transition:color .2s ease-in-out;display:inline-block;&:hover{color:var(--accent-color)}}}}& img{transition:filter .2s ease-in-out}& .cta{border-radius:var(--border-radius);border:1px solid}}@media (width<=750px){#navigation-toggler[data-astro-cid-nen7h5rs]{display:block}nav[data-astro-cid-nen7h5rs]{z-index:5;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0 40px;display:none;position:fixed;top:50px;background-color:var(--accent-color)!important;& ul{height:auto;margin-top:32px;list-style:none;display:block;& li{float:none;margin:0 0 25px;display:block;& a{padding:5px 20px;font-size:8vw}}}& ul.nav-main{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:70vh;display:flex}& ul.nav-other{flex-direction:row;align-items:center;display:flex;position:fixed;bottom:20px;right:20px;& li{margin:0;& a{padding:5px 20px;font-size:6vw}& img{width:6vw;height:6vw;padding:5px}}}& .cta{background-color:#fff;border-radius:10px;color:var(--accent-color)!important}body.nav-open &{& ul li a{color:#fff}& img{filter:invert()}}}}header[data-astro-cid-fmp4ekgg]{box-sizing:border-box;z-index:10;background-color:#fff;border-bottom:1px solid #f3f3f3;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-left:auto;margin-right:auto;padding:10px 20px;transition:color .2s ease-in-out,border-color .2s ease-in-out;display:flex;position:fixed;top:0;@media (width<=750px){body.nav-open &{transition:none;background-color:var(--accent-color)!important;& .pagetitle,& #navigation-toggler{opacity:1;color:#fff}}}@media (width<=450px){& h1{font-size:40px}}@media (width>=750px){transition:background-color .2s ease-in-out,border-color .2s ease-in-out}}.pagetitle[data-astro-cid-fmp4ekgg]{float:left;color:#000;font-size:1.429rem;font-weight:300;font-family:var(--primary-font);@media (width>=750px){transition:color .2s ease-in-out}}#navigation-toggler[data-astro-cid-fmp4ekgg]{appearance:none;cursor:pointer;float:right;font-size:1.429rem;font-family:var(--primary-font);user-select:none;background:0 0;border:none;display:none}nav[data-astro-cid-fmp4ekgg]{float:right;transition:right .2s ease-in-out;overflow:visible;body.nav-open &{display:block;right:0}& ul{margin:0;padding:0;list-style:none;display:inline-flex;& li{float:left;cursor:pointer;color:#000;align-items:center;margin:2px 10px 0;font-size:1rem;display:flex;& a{cursor:pointer;color:#000;border:1px solid #0000;padding:5px 10px;font-size:1rem;transition:color .2s ease-in-out;display:inline-block;&:hover{color:var(--accent-color)}}}}& img{transition:filter .2s ease-in-out}& .cta{border-radius:var(--border-radius);border:1px solid}}@media (width<=750px){#navigation-toggler[data-astro-cid-fmp4ekgg]{display:block}nav[data-astro-cid-fmp4ekgg]{z-index:5;box-sizing:border-box;width:100%;height:100%;margin:0;padding:0 40px;display:none;position:fixed;top:50px;background-color:var(--accent-color)!important;& ul{height:auto;margin-top:32px;list-style:none;display:block;& li{float:none;margin:0 0 25px;display:block;& a{padding:5px 20px;font-size:8vw}}}& ul.nav-main{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;height:70vh;display:flex}& ul.nav-other{flex-direction:row;align-items:center;display:flex;position:fixed;bottom:20px;right:20px;& li{margin:0;& a{padding:5px 20px;font-size:6vw}& img{width:6vw;height:6vw;padding:5px}}}& .cta{background-color:#fff;border-radius:10px;color:var(--accent-color)!important}body.nav-open &{& ul li a{color:#fff}& img{filter:invert()}}}}form[data-astro-cid-he3spzz3]{max-width:800px;margin:auto;font-size:0;& input[type=text],& textarea,& #message,& #email,& select{&:-webkit-autofill{box-shadow:inset 0 0 0 1000px #fff}&:focus{color:#111;outline:1px solid var(--accent-color);border-color:var(--accent-color)!important}}}#contactForm[data-astro-cid-he3spzz3]{& .row{gap:10px;margin-bottom:10px;display:flex;& .col-6{flex-basis:calc(50% - 5px);@media (width<=600px){flex-basis:100%}}}& div[class^=col-]{padding:0}}textarea[data-astro-cid-he3spzz3],input[data-astro-cid-he3spzz3]{font-family:var(--secondary-font);font-size:1rem}input[data-astro-cid-he3spzz3][type=text],input[data-astro-cid-he3spzz3][type=email]{box-sizing:border-box;border-radius:var(--border-radius);border:0;width:100%;padding:10px}#submit[data-astro-cid-he3spzz3]{cursor:pointer;border:none;width:100%;&:disabled{opacity:.25;cursor:default}&.sent{opacity:.75;background:#50b63f}@media (width<=750px){width:100%}}#message[data-astro-cid-he3spzz3]{resize:vertical;box-sizing:border-box;border-radius:var(--border-radius);border:0;width:100%;height:179px;min-height:150px;margin-top:0;margin-bottom:10px;padding:10px;font-size:1rem}input[data-astro-cid-he3spzz3][type=text],input[data-astro-cid-he3spzz3][type=email],#message[data-astro-cid-he3spzz3]{transition:box-shadow .1s ease-in-out;box-shadow:0 2px 0 2px #ebf5ff}:root{--font-color-primary:#2b2b2b;--bg-primary:#fff;--accent-color:#40a3ff;--bg-dark:#f3f9ff;--border-radius:5px;--fontsize:18px;--primary-font:"Playfair Display", serif;--secondary-font:"DM Sans", sans-serif;--media-mobile:450px;--media-tablet:750px}html{font-family:var(--secondary-font);font-size:var(--fontsize)}body{background-color:var(--bg-primary);color:var(--font-color-primary);margin:0;transition:background-color .2s ease-in-out,color .2s ease-in-out;overflow:auto;@media (width<=750px){&.nav-open{overflow:hidden;& main{overflow:hidden}}}}.row{flex-wrap:wrap;width:100%;display:flex}.col-1{flex-basis:8.33333%}.col-2{flex-basis:16.6667%}.col-3{flex-basis:25%}.col-4{flex-basis:33.3333%}.col-5{flex-basis:41.6667%}.col-6{flex-basis:50%}.col-7{flex-basis:58.3333%}.col-8{flex-basis:66.6667%}.col-9{flex-basis:75%}.col-10{flex-basis:83.3333%}.col-11{flex-basis:91.6667%}.col-12{flex-basis:100%}div[class^=col-]{box-sizing:border-box;padding:20px;&>.inner{width:100%;position:relative}@media (width<=750px){flex-basis:100%}}.fullheight{height:calc(80vh - 70px)}.container{box-sizing:border-box;width:90%;max-width:1000px;margin-left:auto;margin-right:auto;padding:10px;overflow:hidden;@media (width<=750px){width:90%}@media (width<=450px){width:96%}}a{text-decoration:none}#home{clear:left;flex-direction:row;justify-content:center;align-items:center;min-height:380px;margin-top:70px;margin-bottom:-200px;display:flex;overflow:visible}#about{& h2{margin:0;position:absolute;top:-.75em;left:20px}}footer{text-align:center;justify-content:center;align-items:center;width:100%;height:40px;padding:10px 0;font-size:1rem;transition:background-color .2s ease-in-out;display:flex}#creative{text-align:center;color:var(--font-color-primary);padding-bottom:50px;font-size:1.429rem;transition:color .2s ease-in-out;&>span{display:inline-block}@media (width<=450px){font-size:4.5vw;&>span{margin:5px 0}}}.typed-cursor{display:none!important}.typed{color:var(--accent-color)}#heading-name{width:100%;font-size:5rem;font-family:var(--primary-font);text-transform:none;font-weight:400;@media (width<=750px){font-size:2.857rem}@media (width<=450px){font-size:10vw}}.arrowcont{user-select:none;height:60px;line-height:60px;display:inline-block;& .downarrow{vertical-align:middle;transition:transform .2s ease-in-out;display:inline-block;&:hover{transform:scale(1.5)}}}h1,h2,h3,h4,h5,h6{font-family:var(--primary-font);font-weight:400}h1{text-align:center;clear:both;margin-top:-10px;margin-bottom:0;font-size:2.143rem;font-weight:700}h2{text-align:center;clear:both;margin-bottom:70px;font-size:2.143rem}.body-cont{margin-top:150px}.align-center{flex-direction:row;align-items:center;display:flex}.companies,.other-projects{background-color:#eff7ff;border-radius:20px;margin:auto;padding:40px 50px 50px;font-size:18px;list-style:none;transition:border .2s ease-in-out;& .company{padding-bottom:5px;padding-left:15px}& .projects{padding:0;list-style:none;& .project{margin-top:5px;& .info{display:inline;& .role{color:#999;display:inline}}}}& h3{margin:25px 0 5px;font-weight:700}& a{color:var(--accent-color)}@media (width<=450px){box-sizing:border-box;width:100%;padding:20px;font-size:20px;& .projects{color:#888;& .project{margin-top:5px}}& .projects .project .info{font-size:.875em;display:block;& .dash:first-child{display:none}}}&.other-projects{display:none;&.show{display:block}}}.icons{justify-content:flex-start;gap:.5em;margin-bottom:.5em;font-size:2em;display:flex;& [class^=devicon-],& [class*=\ devicon-]{transition:color .2s ease-in-out}}#profileimg{object-fit:contain;width:100%;height:370px;display:block}.btn{background:var(--accent-color);color:#fff;border-radius:var(--border-radius);padding:10px 20px;transition:background .1s ease-in-out;display:inline-block;&:hover{background:#1f95ff}}.bg-dark{background-color:var(--bg-dark)}#contact{padding:40px 0 20px;transition:background-color .2s ease-in-out;position:relative;& h2{text-align:left;margin:0;font-size:4rem;position:absolute;top:-.75em;@media (width<=750px){font-size:3rem}@media (width<=450px){font-size:2.5rem}}}.tooltip{display:inline-block;position:relative}.tooltip .tooltiptext{font-size:1rem;font-family:var(--secondary-font);visibility:hidden;color:#fff;text-align:center;z-index:1;background-color:#000;border-radius:6px;width:120px;margin-left:-60px;padding:5px 0;position:absolute;top:calc(100% + 5px);left:50%;&:after{content:" ";border:5px solid #0000;border-bottom-color:#000;margin-left:-5px;position:absolute;bottom:100%;left:50%}}.tooltip:hover .tooltiptext{visibility:visible;transition:visibility 0s ease-in-out .25s}@media (width<=450px){#about{font-size:18px}.projects-col{padding:20px 0 0!important}}