@import url(https://use.typekit.net/kyt7rkc.css);@import url(https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap);.app{font-family:var(--ff-display);z-index:0}.app,.app__whitebg{background-color:var(--cl-white)}.app__blackbg{background-color:var(--cl-black)}.app__container{display:flex;flex-direction:row;min-height:100vh;width:100%}.app__flex{align-items:center;display:flex;justify-content:center}.app__wrapper{flex:1 1;flex-direction:column;padding:4rem 2rem;width:100%}@media screen and (max-width:450px){.app__wrapper{padding:4rem 1rem 2rem}}.copyright{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 0 0;width:100%}.copyright p{color:var(--cl-black);text-transform:uppercase}.head-text{font-size:2.75rem;font-weight:800;text-align:center;text-transform:capitalize}.head-text,.head-text span{color:var(--cl-black)}@media screen and (min-width:2000px){.head-text{font-size:4rem}}@media screen and (max-width:450px){.head-text{font-size:2rem}}.p-text{font-size:1.4rem;line-height:1.5;text-align:left}@media screen and (min-width:2000px){.p-text{font-size:1.75rem}}.bold-text{color:var(--cl-black);font-size:1rem;font-weight:800;text-align:left}@media screen and (min-width:2000px){.bold-text{font-size:2rem}}@media screen and (max-width:450px){.bold-text{font-size:.9rem}}.app__social{flex-direction:column;justify-content:flex-end;padding:1rem}.app__social,.app__social div{align-items:center;display:flex}.app__social div{background-color:var(--cl-white);border:1px solid var(--cl-dark-gray);border-radius:50%;height:40px;justify-content:center;margin:.25rem 0;transition:all .3s ease-in-out;width:40px}.app__social div svg{color:var(--cl-dark-gray);height:15px;width:15px}.app__social div:hover{background-color:var(--cl-orange);border-color:var(--cl-orange)}.app__social div:hover svg{color:var(--white-color)}@media screen and (min-width:2000px){.app__social div{height:70px;margin:.5rem 0;width:70px}.app__social div svg{height:30px;width:30px}}.app__navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.app__navigation .app__navigation-dot{background-color:#cbcbcb;border-radius:50%;height:10px;margin:.5rem;transition:background-color .2s ease-in-out;width:10px}.app__navigation .app__navigation-dot:hover{background-color:var(--secondary-color)}@media screen and (min-width:2000px){.app__navigation .app__navigation-dot{height:20px;width:20px}}@media screen and (max-width:500px){.app__navigation,.app__social{display:none}.copyright{padding:2rem}}.app__about{background-color:var(--cl-white);height:auto;width:100vw}.app__about .abt-text{font-size:6vw;text-align:justify}.app__about .abt-text,.app__about .phone-abt-text{font-weight:600;line-height:100%;margin-top:12vw;z-index:5}.app__about .phone-abt-text{font-size:6.5vw;text-align:left}.app__about .img-me{border-radius:.5rem;display:none;position:fixed}.app__about .img-me,.app__about .img-me-backup{margin-top:-8vw;object-fit:contain;top:50%;transform:translateY(-50%);transition:margin-left .5s ease;width:25vw;z-index:0}.app__about .img-me-backup{display:inline;height:40vw;margin-right:15vw;position:static}.app__about .about-p{font-size:1.75vw;margin-left:28vw;margin-right:3vw;margin-top:1.5vw;max-width:40vw}.app__about .phone-about-p{font-size:5vw;margin:1.5vw 1vw 3vh}.app__about .abt-p-container{display:flex;flex-direction:row}.app__about .abt-p-container iframe{margin-bottom:3.5vw;margin-top:-3.5vw}.app__about .spotify-button{align-items:center;border:1px solid var(--cl-black);border-radius:3rem;color:var(--cl-black);display:flex;font-size:5vw;font-weight:400;height:3.5rem;justify-content:center;line-height:normal;margin:20vh 1vw 1vw;padding:0 3rem;text-align:center;text-decoration:none}.app__about .spotify-button:hover{background-color:var(--cl-nuclear-green);border:1px solid var(--cl-nuclear-green);color:var(--cl-black);cursor:pointer}@media screen and (min-height:850px)and (max-height:1100px){.app__about .img-me{display:block}.app__about .img-me-backup{display:none}.app__about .phone-abt-text{font-size:10vw;margin-left:2vw;margin-right:2vw;text-align:justify}}.app__contact{background-color:var(--cl-black);color:var(--cl-white);height:100vh;justify-content:space-between}.app__contact,.app__contact-header{display:flex;flex-direction:column;width:100vw}.app__contact-header{align-items:center;margin:0 auto;max-width:100vw;padding-left:.25rem;padding-right:.25rem}.app__contact-header div{display:flex;justify-content:space-between;padding-left:1vw;padding-right:1vw;width:100vw}.app__contact-header h1{font-size:10.85vw;font-style:normal;font-weight:600;line-height:1;max-width:100%;text-align:center}.app__contact-header h2{font-family:var(--ff-display);font-size:3vw;font-style:normal;font-weight:500;line-height:.5}footer{align-items:center;color:var(--cl-white);display:flex;flex-direction:row;justify-content:space-between;width:98vw}footer span{margin-bottom:1vw;margin-left:.25vw}footer span a{color:var(--cl-white);text-decoration:none}.contact-links{margin-left:1vw;margin-top:12vw}.contact-link,.contact-links{display:flex;flex-direction:row}.contact-link h3 a{color:var(--cl-white);font-size:6vw;font-weight:800;line-height:100%;text-decoration:none;transition:.25s ease-in-out}.contact-link h3 a:hover{color:var(--cl-nuclear-green);cursor:pointer}.contact-link p{margin-top:.5vw}#linkedin:hover{color:#0077b5}#github:hover{color:#6e5494}#dribbble:hover{color:#ea4c89}.contact-column-2{margin-left:5vw}.contact-p{font-size:1.5vw;font-weight:200;height:15vw;margin-left:1.5vw;max-width:33vw;opacity:.5}.spotify{margin:0 3vw}@media(max-width:500px){.contact-column-1{margin-left:2vw;margin-top:20vw}.contact-column-2{margin-bottom:0;margin-left:2vw;margin-top:5vw}.contact-link h3 a{color:var(--cl-white);font-size:15vw;font-weight:800;line-height:100%;text-decoration:none;transition:.25s ease-in-out}.contact-p{font-size:5vw;height:40vw;margin-left:3vw;margin-top:0;max-width:100%}footer{font-size:small;width:98vw}footer span{margin-bottom:1vw;margin-left:3vw}}.app__home{align-items:flex-end;background-color:var(--cl-white);height:100vh}.app__header,.app__home{display:flex;width:100vw}.app__header{align-items:center;flex-direction:column;margin:0 auto;max-width:100vw;padding-left:.25rem;padding-right:.25rem}.app__header div{display:flex;justify-content:space-between;padding-left:1vw;padding-right:1vw;width:100vw}.app__header h1{font-size:10.85vw;font-style:normal;font-weight:600;line-height:1;max-width:100%}.app__header h2{font-family:var(--ff-display);font-size:3vw;font-style:normal;font-weight:500;line-height:.5}.phone-gif{height:125px;margin-left:-65vw;mix-blend-mode:difference;width:250px}.phone-intro{font-size:6.5vw;margin:1vw 1vw 3vh}.phone-h1{margin-left:5.5vw;text-align:left}.phone-landing{align-items:center;display:flex;flex-direction:column}.phone-landing-img{border-radius:.5rem;margin-bottom:2vh;width:90vw}.app__projects{align-items:center;background-color:var(--cl-black);color:var(--cl-white);display:flex;flex-direction:column;height:auto;justify-content:center;min-height:105vh;width:100vw}.selected-projects{align-items:flex-end;display:flex;flex-direction:row;font-size:7vw;font-weight:600;line-height:100%;margin-left:7vw;margin-top:6vw}.preview{border-radius:10px;height:350px;overflow:hidden;pointer-events:none;position:absolute;transform:scale(0);transform-origin:center;width:350px;z-index:2}.preview-img{background:url(/static/media/projects-preview.fc64569844df861fd0c8.png);background-position:0 0;background-size:cover;height:100%;pointer-events:0;width:100%}.projects p{font-size:2.5vw;line-height:100%}.project-name{font-weight:600;text-transform:uppercase}.project-year{width:3vw}.container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.projects{display:flex;flex-direction:column;width:99%}.project{align-items:center;border-bottom:.1px solid var(--cl-white);color:var(--cl-white);cursor:pointer;display:flex;padding:2.5em .5em;text-decoration:none;transition:.2s ease-in-out;width:100%}.project:hover{color:var(--cl-nuclear-green);cursor:pointer}.project:first-child{border-top:.1px solid var(--cl-white)}.project>div{flex:3 1}.project div:last-child{flex:1 1}.index-button{align-items:center;border:1px solid var(--cl-white);border-radius:3rem;color:var(--cl-white);display:flex;font-size:1.25vw;font-weight:400;height:4.5rem;justify-content:center;line-height:normal;margin:1vw;opacity:.5;padding:0 3rem;text-align:center;text-decoration:none}.index-button:hover{background-color:var(--cl-nuclear-green);border:1px solid var(--cl-nuclear-green);color:var(--cl-black);cursor:pointer;opacity:1}@media(max-width:500px){.selected-projects{font-size:20vw;margin-left:0;margin-top:30vw}.project-category{display:none}.project p{font-size:6vw}.project div:last-child{flex:.5 1;opacity:50%}}.app__navbar{display:flex;justify-content:space-between;margin-top:3vh;mix-blend-mode:difference;padding:.25rem;position:fixed;width:100%;z-index:100}.app__navbar-logo{display:flex;flex-direction:column;justify-content:flex-start;width:25%}.app__navbar-logo a{color:var(--cl-white);text-decoration:none}.app__navbar-logo a h1{color:var(--cl-white);font-family:var(--ff-display);font-style:normal;font-weight:600}.app__navbar-text-1{color:var(--cl-white);width:33%}.helmet-gif{height:3.5vw;margin:-1.2vw;mix-blend-mode:difference;width:7vw}.helmet-gif-mobile{height:15vw;margin-left:-1rem;width:30vw}.app__navbar-text-2{color:var(--cl-white);margin-left:2rem;width:25%}.app__navbar-links{display:flex;flex-direction:column;list-style:none;margin-right:.5rem}.app__navbar-link{cursor:pointer;font-size:1.4rem;line-height:1.4;text-align:right}@media screen and (min-width:2000px){.app__navbar-link{font-size:1.75rem}}.app__navbar-link a{color:var(--cl-white);text-decoration:none;text-transform:capitalize;transition:all .2s ease-in-out}.app__navbar-link a:hover{color:var(--cl-nuclear-green);cursor:pointer;mix-blend-mode:normal;text-decoration:none;text-decoration:line-through}.hamburger-menu{cursor:pointer;display:flex;flex-direction:column;margin-right:2vw;margin-top:2vw}.hamburger-menu .bar{background-color:var(--cl-white);height:3px;margin:3px 0;transition:.4s;width:35px}.hamburger-menu.open .bar:first-child{transform:rotate(-45deg) translateY(6px)}.hamburger-menu.open .bar:nth-child(2){transform:rotate(45deg) translateY(-6px)}.scroll-to-top{color:var(--cl-white);mix-blend-mode:difference;opacity:0;text-decoration:none;transition:opacity .3s ease-in-out}.scroll-to-top.visible{opacity:.33}.scroll-to-top.hidden{opacity:0}.scroll-to-top:hover{color:var(--cl-nuclear-green);mix-blend-mode:normal;opacity:1}.PhoneMenu{display:none}.PhoneMenu.open{display:block}.content-overlay{align-items:center;background-color:#000000d9;color:var(--cl-white);display:flex;gap:5em;height:100vh;justify-content:center;position:fixed;top:0;width:100vw;z-index:2}.content-overlay .nav-link{display:flex}.content-overlay .nav-link span{color:var(--cl-nuclear-green);font-size:4vw;position:relative;top:1em}.content-overlay .nav-link a{color:var(--cl-white);font-size:17vw;padding:0 .2em;text-decoration:none}.banner{align-items:center;background-color:var(--cl-nuclear-green);color:var(--cl-black);display:flex;gap:4px;height:3vh;justify-content:center;position:fixed;width:100vw}.icon{height:auto;margin-bottom:-3px;width:16px}.awaio-link{color:var(--cl-black);font-weight:500;text-decoration:none}.MobileCover-app{align-items:center;background-color:var(--cl-nuclear-green);display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;width:100vw;z-index:10000000}.MobileCover-app h6{font-size:12vw;margin-bottom:6vw}.MobileCover-app p{font-size:4vw}.preloader{align-items:center;background:var(--cl-black);bottom:0;color:var(--cl-white);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;width:100vw;z-index:10000}.preloader-gif{animation:fadeOut 1s ease-in-out 3.5s forwards;height:75px;width:150px}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.preloader .preloader-text-container{align-items:center;animation:fadeOut 1s ease-in-out 3.5s forwards;display:flex;font-size:1.25vw;font-weight:600;height:10vh;justify-content:space-between;overflow:hidden;text-transform:uppercase;width:33vw}.header{display:flex;justify-content:center}.h2{font-family:var(--ff-display)}.e222text{background-color:var(--cl-black);color:var(--cl-white);font-family:var(--ff-222)}.poemcontainer{display:flex;flex-direction:row}.poem-text-container{background-color:var(--cl-black);padding:2rem;width:50%}.poem-image-container{background-color:var(--cl-white);width:50%}.app__project01{display:flex;flex-direction:column;height:auto;margin:0;padding:0;width:100vw}.app__project01 .h4{font-size:7.5vw;margin-left:1vw;margin-top:12vw;text-transform:uppercase}.app__project01 .proj-thumbnail{border-radius:1vw;height:40vw;margin-left:1vw;object-fit:cover;width:98vw}@media only screen and (max-width:500px){.app__project01 .proj-thumbnail{height:25vh}}.app__project01 .proj-text{font-size:1.75vw;margin-left:1vw;margin-top:1vw;width:48vw}.app__project01 .phone-proj-text{font-size:5vw;margin-left:1vw;margin-top:1vw;width:98vw}.app__project01 .showcase-container{display:flex;flex-direction:row;margin-left:1vw;margin-top:5vw}@media only screen and (max-width:500px){.app__project01 .showcase-container{flex-direction:column}}.app__project01 .proj-media:first-child{margin-right:1vw}.app__project01 .proj-media{border-radius:.5vw;height:25vw;object-fit:cover;width:48.5vw}@media only screen and (max-width:500px){.app__project01 .proj-media{height:25vh;padding-bottom:1vh;width:98vw}}.app__project01 .last-text-box{display:flex;flex-direction:row}.app__project01 .proj-links{display:flex;flex-direction:column;justify-content:flex-end;margin-left:1vw;margin-top:1vw}.app__project01 .proj-links a{color:var(--cl-black);font-size:3vw;font-weight:700;text-decoration:none;text-transform:uppercase;transition:.25s ease-in-out}.app__project01 .proj-links a:hover{color:var(--cl-nuclear-green);cursor:pointer;text-decoration:underline}@media only screen and (max-width:500px){.app__project01 .proj-links a{font-size:8vw}}.app__project01 hr{margin:5vw 1vw 1vw}@media only screen and (max-width:500px){.app__project01 hr{display:none}}.app__project01 .proj-footer{display:flex;flex-direction:row;width:100vw}@media only screen and (max-width:500px){.app__project01 .proj-footer{display:none}}.app__project01 .go-back-btn{border:1px solid var(--cl-black);border-radius:25px;color:var(--cl-black);font-size:1.25vw;margin:1vw;padding:10px 40px 10px 30px;text-decoration:none;transition:.25s ease-in-out}.app__project01 .go-back-btn:hover{background-color:var(--cl-nuclear-green);cursor:pointer}.app__project01 .proj-footer-text{color:var(--cl-black);font-size:1.5vw;margin:1vw}.phone-proj-header{display:flex;padding-top:15vh}.phone-proj-media{display:flex;flex-direction:column}:root{--ff-display:neue-haas-grotesk-display,neue-haas-unica,Helvetica,sans-serif;--ff-text:"neue-haas-grotesk-text",Helvetica,sans-serif;--ff-222:"EB Garamond",times,serif;--cl-black:#191919;--cl-white:#d3d4d6;--cl-dark-gray:#535154;--cl-orange:#e7572a;--cl-green:#a6c647;--cl-nuclear-green:#a6c647;--cl-awaio-green:#3ebb95}*{box-sizing:border-box;padding:0;scroll-behavior:smooth}*,body{margin:0}body{-ms-overflow-style:none;background-color:#191919;background-color:var(--cl-black);overflow-x:hidden;overflow-y:scroll;scrollbar-width:none}body::-webkit-scrollbar{display:none}@media screen and (min-width:950px){.hide{display:none}}@media screen and (max-width:949px){.mx-hide{display:none}.mx-flex-dir{flex-direction:column}.abt-p-container{width:100vw}.about-p{margin-bottom:6vw;margin-left:3vw;margin-top:3vw;max-width:none}.about-mx-text{font-size:5vw}.mx-spotify-container{display:flex;margin:3vw}.mx-spotify{margin-top:6vw}}
/*# sourceMappingURL=main.4a9f66f2.css.map*/