@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display&family=Rubik+Glitch&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap);@import url(https://fonts.googleapis.com/css2?family=Anton&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cedarville+Cursive&display=swap);.landing-section{margin-left:10%;margin-right:10%}.landing-container{height:85vh;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center}.landing-container img{height:70%}.navbar{color:var(--darkgray);background-color:var(--ivory);display:grid;grid-template-columns:13% 1fr .8fr 10%;height:80px;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar.active{background-color:var(--ivory)}.navbar-focused,.navbar.active{color:var(--darkgray);border-bottom:1px solid var(--darkgray)}.navbar-focused{background-color:var(--ivory);display:grid;grid-template-columns:10% 1fr 1fr 10%;height:80px;background:transparent;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:999}.navbar-focused.active{color:var(--darkgray);background-color:var(--ivory);border-bottom:1px solid var(--darkgray)}.mobile-navbar{display:none}.nav-items{display:flex;justify-content:space-evenly;letter-spacing:1px;text-transform:capitalize}.nav-item{font-size:16px;list-style-type:none;font-family:var(--logo);font-weight:var(--text)}.nav-link{text-decoration:none;color:var(--black)}.nav-link:hover{color:var(--gray)}#logo{grid-column:2/3;font-size:22px;cursor:pointer}#logo,#mobile-logo{letter-spacing:2px;font-family:var(--logo);font-weight:var(--text);color:var(--darkgray)}#mobile-logo{font-size:24px;margin-left:5%;margin-top:15px}@media(max-width:1050px){.nav-item{font-size:12px}#logo{font-size:16px}}@media(max-width:920px){.navbar{display:none}.mobile-navbar{display:block}}.menu-wrap{position:fixed;top:0;right:0;z-index:3}.menu-wrap .toggler{position:absolute;top:0;right:0;z-index:2;cursor:pointer;width:50px;height:50px;opacity:0}.menu-wrap .hamburger{position:absolute;top:0;right:0;z-index:1;width:70px;height:70px;padding:1rem}.menu-wrap .hamburger,.menu-wrap .hamburger>div{display:flex;align-items:center;justify-content:center}.menu-wrap .hamburger>div{position:relative;width:100%;height:3px;background-color:var(--darkgray);transition:all .4s ease}.menu-wrap .hamburger>div:after,.menu-wrap .hamburger>div:before{content:"";position:absolute;z-index:1;top:-12px;width:100%;height:3px;background:inherit}.menu-wrap .hamburger>div:after{top:12px}.menu-wrap .toggler:checked+.hamburger>div{transform:rotate(135deg);background-color:var(--ivory)}.menu-wrap .toggler:checked+.hamburger>div:after,.menu-wrap .toggler:checked+.hamburger>div:before{top:0;transform:rotate(90deg)}.menu-wrap .toggler:checked:hover+.hamburger>div{transform:rotate(225deg)}.menu-wrap .toggler:checked~.menu{visibility:visible}.menu-wrap .toggler:checked~.menu>div{transform:scale(1);transition-duration:1s}.menu-wrap .toggler:checked~.menu>div>div{opacity:1;transition:opacity .4s ease}.menu-wrap .menu{position:fixed;top:0;right:0;width:100%;height:100%;visibility:hidden;overflow:hidden;display:flex;align-items:center;justify-content:center}.no-menu{display:none}.menu-wrap .menu>div{background-color:var(--darkgray);border-radius:50%;width:300vw;height:300vw;display:flex;flex:none;align-items:center;justify-content:center;transform:scale(0);transition:all .4s ease}.menu-wrap .menu>div>div{text-align:center;max-width:90vw;max-height:100vh;opacity:0;transition:opacity .4s ease}.menu-wrap .menu>div>div>ul>li{list-style:none;color:var(--ivory);font-family:var(--logo);font-weight:var(--main);font-size:3rem;padding:1rem}.menu-wrap .menu>div>div>ul>li>a{color:inherit;text-decoration:none;transition:color .4s ease}@media only screen and (max-device-width:415px)and (max-device-height:920px){.menu-wrap .menu>div>div>ul>li{font-size:3rem}.menu-wrap .menu>div{width:250vw;height:250vw}.nav-link{font-family:var(--logo);letter-spacing:2px}}.photo-project-section{text-align:center}.photo-projects-grid{display:flex;flex-wrap:wrap;justify-content:space-evenly}.photo-section{text-align:center;margin-right:10%;margin-left:10%}.photo{max-width:50vw;max-height:80vh;margin-bottom:100px}.photo-title{font-family:var(--font);font-weight:var(--text);font-size:16px;color:var(--gray)}.photo-project{width:30vw;margin-bottom:10px}.photo-project:hover{cursor:pointer}.photo-project-title{font-family:var(--font-text);font-style:italic;font-size:14px;color:var(--gray);margin-bottom:50px}.controlsMessage{font-family:var(--font);font-weight:var(--text);color:var(--gray);opacity:1;transition:3s}.hide{opacity:0;transition:3s}@media(max-width:920px){.photo-project-section{margin-top:100px}.photo-project{width:95vw}.photo-section{margin-right:0;margin-left:0;margin-top:15%}.photo{max-width:95vw;margin-top:100px}.photo-container{width:95vw;text-align:center}}@media(max-width:450px){.photo{margin-bottom:50px}}.web-design-section{text-align:center}.web-project-container{font-family:var(--font);margin-bottom:10%}.web-project-image{width:75%;transition:opacity 1s}.web-project-image:hover{cursor:pointer}.web-project-title{font-size:18px;font-family:var(--font-text);color:var(--gray)}.web-project-description{font-size:14px;font-family:var(--font);color:var(--gray)}@media(max-width:920px){.web-design-section{margin-top:100px}}@media(max-width:675px){.web-project-image{width:95vw;transition:opacity 1s}}.info-section{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}.info-section-mobile{display:none}.self-portrait{height:80vh;margin-right:40px}.bio-section{font-family:var(--font-text);font-weight:var(--text);color:var(--gray);font-size:16px;text-decoration:none;margin-left:40px;width:40vw;margin-top:100px}.social-section{display:flex}.info-link{color:var(--gray);text-decoration:none;transition:color 1s}.info-link:hover,.resume-link{color:var(--blue)}.info-link:active{color:var(--blue);text-decoration:none}@media(max-width:1100px){.info-section{display:none}.info-section-mobile{display:flex;align-items:center;flex-direction:column}.self-portrait{margin-right:0;width:70vw;height:auto}.bio-section{margin:0;width:70vw}.social-section{margin-bottom:100px}}@media(max-width:920px){.bio-section,.self-portrait{width:80vw}}@media(max-width:675px){.info-section-mobile{text-align:center}.self-portrait{width:95vw;margin-bottom:5%}.bio-section{width:95vw}.social-section{justify-content:center}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;margin-top:20%}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7px;height:7px;border-radius:50%;background:#000;margin:-4px 0 0 -4px}.lds-roller div:first-child{animation-delay:-36ms}.lds-roller div:first-child:after{top:63px;left:63px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:68px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:71px;left:48px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:71px;left:32px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:68px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:63px;left:17px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12px}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-device-width:415px)and (max-device-height:920px){.loading-spinner-container{margin-top:50%}}:root{--ivory:#f9f7e8;--darkgray:#212930;--gray:#787276;--blue:#2b9bd2;--font:"Manrope",sans-serif;--font-text:"Playfair Display",sans-serif;--bold:"Anton",sans-serif;--logo:"Cedarville Cursive",cursive;--main:800;--text:400}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background-color:var(--ivory)}
/*# sourceMappingURL=main.11674147.chunk.css.map */