body{background-color:#1b1c27;color:#fff;font-family:Playfair Display,serif;font-size:clamp(.875rem,2vw,1.125rem)}::-webkit-scrollbar{height:.4em;width:.5em}::-webkit-scrollbar-track{background:#1b1c27}::-webkit-scrollbar-thumb{background:#ff9e66;border-radius:2rem}@supports(scrollbar-color:red blue){*{scrollbar-color:#ff9e66 #1b1c27}}*,:after,:before{box-sizing:border-box}body,h1,h2,h3,h4,p{margin:0}h1,h2{font-weight:400}body{line-height:1.5;min-height:100vh}img,picture{display:block;margin:0;max-width:100%}button,input,select,textarea{font:inherit}ul[class]{list-style:none;margin:0;padding:0}a{text-decoration:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}@media(prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.ff-body{font-family:Playfair Display,serif}.ff-heading{font-family:Comfortaa,cursive}.fs-900{font-size:clamp(2rem,7vw,5.5rem)}.fs-800{font-size:clamp(2rem,7vw,3.5rem)}.fs-700{font-size:clamp(1.125rem,6vw,3rem)}.fs-600{font-size:2rem}.fs-500{font-size:clamp(1rem,3vw,1.5rem)}.fs-400{font-size:clamp(.875rem,2vw,1.125rem)}.fs-300{font-size:1rem}.fs-200{font-size:.875rem}.fw-700{font-weight:700}.fw-500{font-weight:500}.fw-400{font-weight:400}.fw-300{font-weight:300}.fs-700,.fs-800,.fs-900{line-height:1.1}.uppercase{text-transform:uppercase}.secondary-header{padding-block:clamp(4rem,2vw,5rem);text-align:center}.secondary-header .title{-webkit-margin-after:clamp(1rem,2vw,2.5rem);margin-block-end:clamp(1rem,2vw,2.5rem)}.container{margin-inline:auto;max-width:75rem;padding:0 clamp(1rem,4vw,4rem)}@media(min-width:1500px){.container{padding-inline:0}}.flex{display:flex;gap:2rem}.direction-column{flex-direction:column}.justify-center{justify-content:center}.align-center{align-items:center}.grid{grid-gap:2rem;display:grid;gap:2rem}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.flow-xxs>*+*{margin-top:.5rem}.flow-xs>*+*{margin-top:1rem}.flow-sm>*+*{margin-top:1.5rem}.flow-md>*+*{margin-top:2rem}.flow-lg>*+*{margin-top:2.25rem}.flow-xl>*+*{margin-top:3rem}.flow-xxl>*+*{margin-top:4rem}.flow-xxxl>*+*{margin-top:10rem}.flow-horiz-xs>*+*{margin-left:1rem}.primary-header{padding:2rem clamp(1rem,4vw,4rem)}.primary-header .logo{display:none;max-width:50px}@media(min-width:768px){.primary-header .logo{display:block}}.primary-header .flex{align-items:center;justify-content:space-between;margin:0 auto;max-width:87.5rem}@media(max-width:35rem){.primary-navigation{background:#242533;inset:0 0 0 30%;position:fixed;-webkit-transform:translateX(100%);transform:translateX(100%);z-index:100}@supports((-webkit-backdrop-filter:blur(1rem)) or (backdrop-filter:blur(1rem))){.primary-navigation{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:rgba(255,158,102,.1)}}.primary-navigation.flex{align-items:flex-start;flex-direction:column;gap:4rem;justify-content:center;padding-left:2rem}}.underline-indicators a{border-bottom:4px solid transparent;color:#fff;cursor:pointer;padding:.75rem 0}.underline-indicators a:focus,.underline-indicators a:hover{border-color:#ff9e66}.mobile-nav-toggle{background-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAiCAYAAAAKyxrjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABDSURBVHgB7ddJEcAgEADBJVpjC63ggeLc6nYwzymt/i0S+yI5gQAAsEiJSW7dLjfxOrsEAMAp03ZpxI7FchOvSx/YAR0wCRPiz3ZNAAAAAElFTkSuQmCC);background-repeat:no-repeat;border:none;cursor:pointer;display:none;height:3rem;position:absolute;right:2rem;top:2rem;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;width:3rem;z-index:2000}@media(max-width:35rem){.mobile-nav-toggle{display:block}}.nav-open .primary-navigation{-webkit-transform:translateX(0);transform:translateX(0)}.nav-open .mobile-nav-toggle,.nav-open .primary-navigation{transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}.nav-open .mobile-nav-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAnCAYAAAB9qAq4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFvSURBVHgB3djrkYIwEADgXWzgSrCFK8FKDgfvZq6K49rwBVainUgJ/nYG1hh8oDzMi7Dj/nBGTLKfBPICqASto5SWP18wUNDqO6TVLK5ew9uPAgeEJY6CEGfzDXiMM058Jpev/xgtY7gCH3C3Gv6QTzioIoMLZlerhYWX7m7BnU17yVAo2NudVMmJuhV84mpAnYo+cI1A3Qb6xLUCTRrqA9cJNG3QdVudQJuGXbXxEmibwPYPKgFNE7m4+8pA3YSunl8toGpily+XNvAVAJDQ5fBkBJT52pCNhc3HTmOgzKuCtJx9rIAyfxfSwdQYAPN43y729ZIYdXHnMAM4rV232D6810DNeqpjvVhgvdxivWBlveRnvWlive1kvXFnffTB+vBoCBwoIq8HmHtxgDluKgAeohlJGQT5Z7mawXwiNjsZDICT6aNF+rgKEpZjPsFperg/g0k4BhptoRjFPnHVKO9k8Sdxv2lWL5CEH8AsTow51sACRMY4AAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:contain;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.button{align-items:center;background-color:#ff9e66;background:linear-gradient(90deg,#ff6564,#ff9d64 53%,#ff6564) 0/200%;background:linear-gradient(90deg,#ff6564 0,#ff9d64 53%,#ff6564) var(--x,0)/200%;color:#1b1c27;cursor:pointer;display:inline-flex;font-family:Comfortaa,cursive;font-size:.875rem;font-weight:700;gap:1rem;max-width:-webkit-max-content;max-width:max-content;padding:.75rem 1.5rem;position:relative;transition:.5s}.button:focus,.button:hover{--x:100%;box-shadow:10px 10px 0 0 #34364d}footer{align-items:center;justify-content:center;padding-block:15rem}footer .logo{max-width:150px}.socialbar{gap:1rem;justify-content:center}.socialbar>a{color:#575a80;font-size:2rem}.socialbar>a :focus,.socialbar>a :hover{color:#fff}.tile{aspect-ratio:16/9;background-color:#1b1c27;background-repeat:no-repeat;background-size:cover;box-shadow:10px 10px 20px 5px rgba(0,0,0,.45);padding:0 clamp(1rem,4vw,3.5rem) clamp(1.85rem,5vw,3rem);position:relative;z-index:1}.tile:after{background-color:rgba(38,26,37,.856);content:"";inset:0;position:absolute;width:100%;z-index:-1}.tile .heading{gap:0;height:100%}.tile .subtitle{-webkit-margin-after:clamp(.5rem,3vw,2rem);margin-block-end:clamp(.5rem,3vw,2rem)}@media(min-width:768px){.tile{max-width:75%}.tile .title{margin-bottom:0}}@media(hover){.tile:after{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .35s ease-in;transition:transform .35s ease-in;transition:transform .35s ease-in,-webkit-transform .35s ease-in}.tile:focus-within:after,.tile:hover:after{-webkit-transform:scale(1);transform:scale(1)}.tile .heading{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;transition:-webkit-transform .25s ease-in;transition:transform .25s ease-in;transition:transform .25s ease-in,-webkit-transform .25s ease-in;transition-delay:.3s}.tile .heading:focus-within,.tile .heading:hover{-webkit-transform:scale(1.04);transform:scale(1.04)}}.about-me{background-color:#f0e9e5;box-shadow:5px 5px 50px 5px #0f1016;display:flex;flex-direction:column;min-height:85%;position:absolute;top:2%}@media(min-width:768px){.about-me{flex-direction:row}}.about-me .about-me-toggle{background-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAnCAYAAAB9qAq4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFvSURBVHgB3djrkYIwEADgXWzgSrCFK8FKDgfvZq6K49rwBVainUgJ/nYG1hh8oDzMi7Dj/nBGTLKfBPICqASto5SWP18wUNDqO6TVLK5ew9uPAgeEJY6CEGfzDXiMM058Jpev/xgtY7gCH3C3Gv6QTzioIoMLZlerhYWX7m7BnU17yVAo2NudVMmJuhV84mpAnYo+cI1A3Qb6xLUCTRrqA9cJNG3QdVudQJuGXbXxEmibwPYPKgFNE7m4+8pA3YSunl8toGpily+XNvAVAJDQ5fBkBJT52pCNhc3HTmOgzKuCtJx9rIAyfxfSwdQYAPN43y729ZIYdXHnMAM4rV232D6810DNeqpjvVhgvdxivWBlveRnvWlive1kvXFnffTB+vBoCBwoIq8HmHtxgDluKgAeohlJGQT5Z7mawXwiNjsZDICT6aNF+rgKEpZjPsFperg/g0k4BhptoRjFPnHVKO9k8Sdxv2lWL5CEH8AsTow51sACRMY4AAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:contain;border:none;cursor:pointer;height:2rem;width:2rem}.about-me .info{background-image:url("/static/media/tile_background%20(1).eb7670b5a309a0fe71ee.png");display:flex;flex:1 0 50%;flex-direction:column;padding:clamp(1rem,3vw,4rem)}.about-me .info .body{margin-block:auto;padding-block:2rem}.about-me .info .title{-webkit-margin-after:2rem;margin-block-end:2rem}.about-me .info .body>p+P{-webkit-margin-before:1rem;margin-block-start:1rem}.about-me .info .tech-icons{color:#1b1c27;display:none;font-size:3rem}@media(min-width:768px){.about-me .info .tech-icons{display:flex;gap:2rem}}.about-me .contact{background-color:#1b1c27;display:grid;flex:1 0 50%;padding-block:3rem;place-content:center;text-align:center}.about-me .contact .socialbar{-webkit-margin-before:2rem;display:flex;flex-direction:row;gap:2.5rem;margin-block-start:2rem}.project-nav{background-color:#f0e9e5;background-image:url("/static/media/tile_background%20(1).eb7670b5a309a0fe71ee.png");display:block;padding:4rem clamp(1rem,4vw,4rem)}.project-nav>div{margin-inline:auto;max-width:87.5rem}.project-nav .secondary-navigation{align-items:center;justify-content:space-between}.project-nav .secondary-navigation>svg{color:#1b1c27;font-size:4rem}.card{background:#fff;box-shadow:0 20px 60px 0 rgba(26,27,38,.15);padding:2rem clamp(2rem,3vw,6rem);position:relative;z-index:1}.card:after{background-color:hsla(21,57%,89%,.5);content:"";inset:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .55s;transition:transform .55s;transition:transform .55s,-webkit-transform .55s;width:100%;z-index:-1}.card:focus-within:after,.card:hover:after{-webkit-transform:scale(1);transform:scale(1)}.card .image{aspect-ratio:1;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;box-shadow:20px 20px 60px 0 rgba(26,27,38,.15);margin-inline:auto;width:250px}.card .body{justify-content:space-between}.text-dark-blue{color:#1b1c27}.text-orange{color:#ff9e66}.text-eggplant{color:#271b26}.text-seafoam{color:#1b2627}.text-olive{color:#26271b}.text-emerald{color:#1c1b27}.hero{display:flex;gap:6rem;height:100vh;justify-content:space-between;position:relative}@media(min-width:768px){.hero{margin-top:0}}.hero .hero-grid{align-self:center;display:grid;max-width:900px}.hero .hero-grid .title{grid-column:1/3;grid-row:1}.hero .hero-grid .subtitle{grid-column:1/3;grid-row:2;margin-bottom:clamp(1rem,3vw,4rem)}.hero .hero-grid .button{grid-column:1/3;grid-row:3}.hero .hero-grid .icon{grid-column:2/3;grid-row:1/5;justify-self:end;margin-top:-2rem;z-index:-100}.hero .socialbar{display:none}@media(min-width:768px){.hero .socialbar{display:flex;flex-direction:column}}.home{background:#f0e9e5;background-image:url("/static/media/tile_background%20(1).eb7670b5a309a0fe71ee.png")}.case-studies .tiles>*+*{margin-top:4rem}.case-studies .tiles .tile:nth-child(2n) .heading{justify-content:end}.case-studies .tiles .tile:nth-child(odd) .heading{align-items:end;justify-content:end}@media(min-width:768px){.case-studies .tiles>*+*{margin-top:6rem}.case-studies .tiles .tile:nth-child(2n){margin-left:auto;margin-right:6rem}.case-studies .tiles .tile:nth-child(odd){margin-left:6rem;margin-right:auto}}@media(min-width:1200px){.case-studies .tiles>*+*{margin-top:8rem}}.experiments .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project{inset:0;position:absolute;z-index:-1}.project.neebs .description{background-color:#271b26}.project.music .description{background-color:#1b2627}.project.beehive .description{background-color:#26271b}.project.skate .description{background-color:#1c1b27}.project.vortex .description{background-color:#370b19}.project.todos .description{background-color:#370b30}.project.comments .description{background-color:#262755}.project.github .description{background-color:#141b2f}.project.staff-listing .description{background-color:#1a2828}.project.dictionary .description{background-color:#240f33}.project.neebs .header{background-image:url(/static/media/ark-lrg.14579989225282fdd5cd.jpg)}.project.music .header{background-image:url(/static/media/music-lrg.a493564386c734939809.jpg)}.project.beehive .header{background-image:url(/static/media/dev-group-lrg.cac08ce04ee70e888f6a.jpg)}.project.skate .header{background-image:url(/static/media/skate-lrg.58607376392200ae60e8.jpg)}.project.vortex .header{background-image:url(/static/media/vortex-lrg.f58abb15d7d86a92b78b.jpg)}.project.todos .header{background-image:url(/static/media/todos-lrg.55731d8eb0f2d9d11dc1.jpg)}.project.comments .header{background-image:url(/static/media/comments-lrg.492806b7253886854afd.jpg)}.project.github .header{background-color:#141b2f;background-image:url(/static/media/github-search-75.ba11fe03b588aeb4c472.jpg);background-position:50%;background-size:unset}.project.staff-listing .header{background-color:#1a2828;background-image:url(/static/media/staff-listing.ae7619bbf4aae40f9d7b.jpg);background-position:50% 67%;background-size:unset}.project.dictionary .header{background-color:#240f33;background-image:url(/static/media/dictionary.088fb2d6aa2a6c658ec1.jpg);background-position:50% 75%;background-size:contain}@media(min-width:500px){.project.dictionary .header{background-size:unset}}.project .header{background-position:50%;background-repeat:no-repeat;background-size:cover;gap:0;height:90vh;max-height:950px;padding-block:clamp(4rem,2vw,5rem);text-align:center}.project .header .title{align-self:end;margin-top:7rem}.project .header .role{align-items:center;align-self:end;display:flex;flex-direction:column;font-size:14px;gap:.5rem;margin:0 auto;max-width:87.5rem;padding:0 clamp(1rem,4vw,4rem);width:100%}@media(min-width:800px){.project .header .role{flex-direction:row;justify-content:space-between}}@media(min-width:1500px){.project .header .role{padding-inline:0}}.project .description{padding:7rem clamp(1rem,4vw,4rem);text-align:center}.project .description .body{-webkit-margin-after:2rem;margin-block-end:2rem;margin-inline:auto;max-width:750px}.project .description .tech-icons{-webkit-margin-after:4rem;align-items:center;gap:1rem;justify-content:center;margin-block-end:4rem}.project .description .tech-icons svg{font-size:2rem}
/*# sourceMappingURL=main.0a1bca94.css.map*/