body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#outta,#outta-marquee,#soona,#soona-marquee{font-family:Celebrate-Retro}#pettes-marquee,#yha,#yha-marquee,#yha-marquee #pettes{font-family:NeueMachina-Light}#neuro,#neuro-marquee,#parralily,#parralily-marquee{font-family:QTJupiter}.portfolio{margin-top:10%;padding:2% 5% 25%}.portfolio .portfolio-intro{font-size:.9rem}.portfolio .portfolio-header,.portfolio .portfolio-subheader{font-family:RobotoMono-Regular;font-size:.9rem;font-weight:400;padding-bottom:3%}.work__type{display:flex;float:right;font-family:RobotoMono-Regular;font-size:.8rem;padding-left:50px;text-transform:uppercase;z-index:0}#portfolio-line{border-top:1px solid;opacity:.45}.menu__item,.menu__item-link{cursor:pointer;position:relative}.menu__item-link{display:inline-block;transition:opacity 0s}.menu__item-link:before{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;bottom:60%;box-shadow:none;box-sizing:initial;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-increment:menu;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;left:0;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;pointer-events:none;position:static;position:absolute;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.menu__item-link:hover{opacity:0;transition-duration:0s}.menu__item-img{border-radius:10px;left:100%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate3d(calc(-100% - 6vw),-30%,0) translate3d(0,20px,0);width:35vw;z-index:1000}.menu__item-link:hover+.menu__item-img{opacity:1;transform:translate3d(calc(-100% - 6vw),-30%,0) rotate(4deg);transition:all .4s}.menu{--offset:1.25vw;--move-initial:calc(var(--offset));--move-final:calc(-25% + var(--offset))}.marquee{color:#fff;left:0;mix-blend-mode:difference;overflow:hidden;pointer-events:none;position:absolute;top:0;z-index:2000}.marquee__inner{animation:marquee 5s linear infinite;animation-play-state:paused;display:flex;opacity:0;position:relative;transition:opacity .1s;width:-webkit-fit-content;width:fit-content}.menu__item-link:hover~.marquee .marquee__inner{animation-play-state:running;opacity:1;transition-duration:.4s}.marquee span,.menu__item-link{font-size:2.25rem;padding:2vw .2vw;white-space:nowrap}.marquee span{color:#e092ff}@keyframes marquee{0%{transform:translate3d(var(--move-none),0,0);transform:translate3d(var(--move-initial),0,0)}to{transform:translate3d(var(--move-final),0,0)}}@media only screen and (max-width:900px){.portfolio-header{font-size:2rem}.work__type{float:none;font-size:.69rem;line-height:1.5;padding-left:0}.marquee span,.menu__item-link{font-size:1.6rem;padding:3.2vw 1vw;white-space:nowrap}.portfolio{padding-bottom:2.5rem}}@media only screen and (max-width:500px){.portfolio{padding-top:0}.menu__item-img{width:60vw}}.main-container{align-items:flex-end;display:flex;height:100vh;margin-top:20px;padding:2% 5%;position:relative}.main-container .home-page-title{word-wrap:break-word;font-family:Celebrate-Retro;font-size:clamp(3rem,20vw,9.5rem);font-weight:700;line-height:.9;margin-bottom:15vh;max-width:100vw;padding-right:5%;text-transform:uppercase;z-index:0}@media(max-width:700px){.main-container .home-page-title{font-size:clamp(3rem,20vw,8rem)}}@media(max-width:500px){.main-container .home-page-title{font-size:clamp(3rem,20vw,6rem)}}@media(max-width:900px){.tabs-section{margin-top:2.5rem}}.poster img,.tab-img{display:block;max-height:250px;max-width:100%;object-fit:cover}.poster img,.tab-img{height:auto;margin:0;padding:0}.tab-img{border-radius:8px;cursor:pointer;max-width:400px;object-fit:contain;transition:transform .3s ease;width:100%}.tab-img:hover{transform:scale(1.02)}.poster img{margin-bottom:0}.poster .caption{font-size:.85rem;padding-top:10px}.lightbox-overlay{align-items:center;background:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.lightbox-img{border-radius:12px;max-height:90vh;max-width:90vw}.theme-white .tabs-section{background-color:#fbffea;color:#1f1e1b}.theme-black .tabs-section{background-color:#1f1e1b;color:#fbffea}.theme-white .tab-btn{color:#222}.theme-black .tab-btn{color:#fafafa}.tab-btn.active{border-bottom:2px solid #e092ff;color:#e092ff;font-weight:700}@media(max-width:900px){.tab-btn.active{border-bottom:none!important;text-align:left}}.poster{align-items:flex-start;display:flex;flex-direction:column;max-width:100%;padding-right:50px}.caption,.tab-btn{font-family:RobotoMono-Regular;font-size:.9rem;margin-top:.5rem}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;cursor:pointer;text-transform:uppercase;transition:border .2s,color .2s}.description-title{font-family:Vercetti;font-size:1.4rem;font-weight:700;line-height:1.1;padding:15px 0}.title-number{font-family:RobotoMono-Regular;font-size:.8rem;line-height:1.5;text-align:left;text-transform:uppercase}.tab-row{align-items:flex-start;display:flex;flex-direction:row}.tab-row .description,.tab-row .poster{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;max-width:none}.tab-row .poster{flex:1 1 45%;max-width:45%}.tab-row .description,.tab-row .poster{justify-content:flex-start;padding-left:0}.tab-row .description{flex:1 1 50%;max-width:50%;padding-bottom:2rem}@media(max-width:900px){.tabs-section{height:auto!important;min-height:0!important;min-height:auto!important;overflow:visible;position:static}.tab-row{flex-direction:column-reverse;gap:1rem}.tab-row .description,.tab-row .poster{flex:1 1 100%;margin:0 0 50px;max-width:100%;padding-left:0}.tab-btns{align-items:stretch;flex-direction:column;gap:.5rem;width:100%}}.tabs-container{background:none;width:100%}.tabs-section{align-items:center;border-top:1px solid;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin-top:5rem;min-height:70vh;overflow:visible;overflow-x:auto;padding:0 5%;position:relative;width:100vw;z-index:1}.tab-header{display:flex;gap:4rem;position:absolute;top:2vw;width:-webkit-max-content;width:max-content;z-index:20}@media(max-width:900px){.tab-header{align-items:flex-start;background:var(--background-color);justify-content:space-between;left:auto;margin-bottom:30px;margin-top:20px;padding-left:0;position:static;text-align:left!important;top:auto;width:100%;z-index:20}.tab-content{margin-bottom:2rem;max-height:none;overflow-y:visible;padding-bottom:2rem;width:100%}.tab-row{align-items:stretch;flex-direction:column-reverse;gap:1rem;width:100%}.description,.poster{flex:1 1 100%;max-width:100%;padding-left:0}.tab-btns{align-items:stretch;flex-direction:column;gap:.5rem;width:100%}.tab-btn{font-size:.8rem;justify-content:flex-start!important;text-align:left!important}.poster img,.tab-img{height:auto;max-height:300px;max-width:100%;object-fit:contain}.description-title{padding:0 0 15px;text-align:left}.title-number{padding-bottom:10px;text-align:left}}.hero-section{align-items:center;display:flex;flex-direction:row;height:100vh;min-height:100vh;overflow:hidden;padding:15% 5%}@media(max-width:900px){.hero-section{flex-direction:column;height:auto!important;min-height:0!important;min-height:auto!important;overflow:visible;padding:5% 3% 20px;width:100vw}}.content{display:block;position:relative;width:45%;z-index:2}@media(max-width:900px){.content{padding:2% 5%;position:relative;width:100vw}}#hero-image{animation:fade 4s;height:100vh;min-height:100vh;object-fit:contain;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;width:47%}@media(max-width:900px){#hero-image{height:auto;margin-bottom:2rem;margin-top:30px!important;max-height:300px;min-height:0;min-height:auto;object-fit:cover;position:static;top:0;width:100vw}.tab-content,.tab-row{margin-top:20px!important}}@media(max-width:900px){@keyframes fade{0%{opacity:0}to{opacity:.969}}}#title{animation:move 3s;font-family:Celebrate-Retro;font-size:5.1rem;line-height:.8;width:-webkit-fit-content;width:fit-content}@keyframes move{0%{opacity:0}to{opacity:1}}@media(max-width:700px){#title{font-size:3.3rem}}.bold-link{font-weight:700}.description,.overview{font-family:Vercetti;font-size:.9rem}.subtitle{font-family:Vercetti;font-size:1.4rem;font-weight:700;line-height:1.1;padding:15px 0}.project-type{font-family:RobotoMono-Regular;font-size:.9rem;line-height:1.4;margin-bottom:15px;margin-top:15px;text-transform:uppercase}.prev-next-nav{pointer-events:auto;position:relative;z-index:10}.prev-next-list{display:flex;gap:1rem;list-style:none;margin:0;padding:15px 0 20px}.next-link,.prev-link{background:none;border:none;box-shadow:none;font-family:RobotoMono-Regular;font-size:.7rem;font-weight:400;text-decoration:none;transition:color .2s,-webkit-text-decoration .2s;transition:color .2s,text-decoration .2s;transition:color .2s,text-decoration .2s,-webkit-text-decoration .2s}.next-link:hover,.prev-link:hover,.theme-black .next-link:hover,.theme-black .prev-link:hover,.theme-white .next-link:hover,.theme-white .prev-link:hover{background:none;color:#e092ff!important}.header-nav{background-color:var(--background-color);width:100vw}.header{align-items:center;border-bottom:1px solid;display:flex;font-family:RobotoMono-Regular;font-size:.8rem;justify-content:space-between;padding:1% 5%;position:fixed;text-transform:uppercase;width:100vw;z-index:100}.header-links-divider{margin:0 3rem}.header-links{align-items:center;display:flex}.header-links .header-logo:hover,.header-links .portfolio-nav-link:hover{font-size:1.5rem;transition:.5s!important}.theme-switcher-container{align-items:center;display:flex}.theme-options .dark,.theme-options .light{background:none;border-radius:5px;padding:5px}.theme-options .dark{border:1px solid #fffedb}.theme-options .light{border:1px solid #252525}@media(max-width:900px){.header{flex-direction:row;justify-content:space-between;padding:.5% 5%}.theme-switcher-container{align-items:center!important;display:flex!important;margin-left:1vw}.theme-options{align-items:center;display:flex!important;flex-direction:row;gap:.5rem}.header-links .header-logo:hover,.header-links .portfolio-nav-link:hover{font-size:1rem;transition:.5s!important}.header-links-divider{margin:0 1rem}.portfolio-nav-link{display:none!important}}.footer-container{background-color:var(--background-color);display:flex}.footer{border-top:1px solid;bottom:0;font-family:RobotoMono-Regular;font-size:.8rem;padding:1.5% 5%;position:fixed;text-transform:uppercase;width:100vw;z-index:100}.footer .footer-links{align-items:center;display:flex;justify-content:flex-end}.footer .footer-email-link:hover,.footer .footer-resume-link:hover{font-size:1.5rem;transition:.5s!important}.footer-links-divider{margin:0 5vw}@media(max-width:900px){.footer-links .footer-email-link:hover,.footer-links .footer-resume-link:hover{font-size:1rem;transition:.5s!important}.footer{padding:2% 5%}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--scrollbar-track:#0000;--scrollbar-thumb:#e092ff;--scrollbar-width:1px;--scrollbar-thumb-radius:5px}::-webkit-animation{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d}::-webkit-scrollbar{width:1px;width:var(--scrollbar-width)}::-webkit-scrollbar-thumb{background-color:#e092ff;background-color:var(--scrollbar-thumb);border-radius:5px;border-radius:var(--scrollbar-thumb-radius)}::-webkit-scrollbar-button{display:none}*{scrollbar-width:none}p{line-height:1.5}.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}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@font-face{font-family:Vercetti;src:local("Vercetti"),url(/static/media/Vercetti-Regular.8040cc274a99c208acea.otf)}@font-face{font-family:Celebrate-Retro;src:local("Celebrate-Retro"),url(/static/media/Celebrate-Retro.c68c292837e0b5a68e7d.otf)}@font-face{font-family:CSClaire-Mono;src:local("CSClaireMono-Regular"),url(/static/media/CSClaireMono-Regular.96f171c4d2d8a360dec9.otf)}@font-face{font-family:RobotoMono-Regular;src:local("RobotoMono-Regular"),url(/static/media/RobotoMono-Regular.34e46962590bff8eefe5.ttf)}@font-face{font-family:QTJupiter;src:local("QTJupiter"),url(/static/media/QTJupiter.e07bd5cbf02ebbbf9e9a.otf)}@font-face{font-family:NeueMachina-Light;src:local("NeueMachina-Light"),url(/static/media/NeueMachina-Light.e1fb3b2574d18010b9ff.otf)}@font-face{font-family:Palmore;src:local("Palmore-Semibold") url(/static/media/Palmore-Semibold.105492533ba4556f163c.otf)}@font-face{font-family:Halfre;src:local("Halfre") url(/static/media/Halfre.5719da18ca17a042e216.otf)}@font-face{font-family:Glitz;src:local("Glitz") url(/static/media/Glitz.5e238259e3ea13c55cae.otf)}.App{word-wrap:break-word;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;margin:0;overflow-x:hidden;scroll-behavior:smooth;width:100%;z-index:0}.container{margin-left:auto;margin-right:auto}.grid{display:flex grid;gap:1.5rem}img,picture{display:block;max-width:100%}a,a:hover,a:visited{color:hsla(0,0%,8%,.969)!important;cursor:pointer;position:relative;text-decoration:none!important}li,ul{list-style:none}.theme-options{background-color:none;font-family:RobotoMono-Regular;font-size:.8rem}.theme-options .dark,.theme-options .light{cursor:pointer;display:inline-block}#theme-white,.App.theme-white,.footer.theme-white,.header.theme-white{background-color:#fbffea;color:#1f1e1b}#theme-white #next:hover,#theme-white #previous:hover,#theme-white .side-nav-link:hover,#theme-white .website:hover,.App.theme-white #next:hover,.App.theme-white #previous:hover,.App.theme-white .side-nav-link:hover,.App.theme-white .website:hover,.footer.theme-white #next:hover,.footer.theme-white #previous:hover,.footer.theme-white .side-nav-link:hover,.footer.theme-white .website:hover,.header.theme-white #next:hover,.header.theme-white #previous:hover,.header.theme-white .side-nav-link:hover,.header.theme-white .website:hover{color:#769a2f!important;transition:.3s!important}#theme-black,.App.theme-black,.footer.theme-black,.header.theme-black{background-color:#1f1e1b;color:#fbffea;font-weight:100}#theme-black a,#theme-black li,#theme-black p,.App.theme-black a,.App.theme-black li,.App.theme-black p,.footer.theme-black a,.footer.theme-black li,.footer.theme-black p,.header.theme-black a,.header.theme-black li,.header.theme-black p{color:#fbffea!important}#theme-black .website,.App.theme-black .website,.footer.theme-black .website,.header.theme-black .website{font-size:1rem;font-weight:700}#theme-black #next:hover,#theme-black #previous:hover,#theme-black .side-nav-link:hover,#theme-black .website:hover,.App.theme-black #next:hover,.App.theme-black #previous:hover,.App.theme-black .side-nav-link:hover,.App.theme-black .website:hover,.footer.theme-black #next:hover,.footer.theme-black #previous:hover,.footer.theme-black .side-nav-link:hover,.footer.theme-black .website:hover,.header.theme-black #next:hover,.header.theme-black #previous:hover,.header.theme-black .side-nav-link:hover,.header.theme-black .website:hover{color:#f0acff!important;transition:.3s!important}#theme-black .caption,#theme-black .last-caption,.App.theme-black .caption,.App.theme-black .last-caption,.footer.theme-black .caption,.footer.theme-black .last-caption,.header.theme-black .caption,.header.theme-black .last-caption{color:rgba(251,255,234,.969)}@media only screen and (max-width:900px){.theme-options{margin:7px 2px}}
/*# sourceMappingURL=main.53280a25.css.map*/