@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#474747;color:#fff;font-family:Poppins,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;overflow-x:hidden;position:relative}body,html{height:100%;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.about-me,.contact,.design,.development,.photography{margin:auto;max-width:75rem;min-height:100vh}.min-height{min-height:120vh}p{text-align:left}.loading{align-items:center;display:flex;height:100vh;justify-content:center;text-align:center}.splash{background-color:#75419d;box-shadow:-6px -6px 14px #6969691a,-6px -6px 10px #69696980,6px 6px 8px hsla(0,0%,41%,.075),6px 6px 10px #ffffff26;flex-direction:row-reverse;height:260px;margin:2rem 0 0 2rem;width:385px}.splash,.splash .inner-bg{border-radius:67px 67px 67px 0;display:flex}.splash .inner-bg{background-color:#7a709d;flex-direction:column;justify-content:center;margin-bottom:20px;margin-left:25px;padding:15px 25px 0;text-align:left;width:100%}.splash .inner-bg hr{width:100%}.splash .inner-bg h1,.splash .inner-bg h3,.splash .inner-bg p{margin:0}.splash .inner-bg h1{font-size:3em;line-height:1}.splash .inner-bg p{font-style:italic}.landing{background-image:url(/static/media/bg2.10b37d124994bc400446.jpeg);background-position:0;background-repeat:no-repeat;background-size:cover;height:100vh}.landing .splash-content{display:flex;height:calc(100% - 60px);justify-content:space-between}.landing .splash-content .landing-ribbon{background-color:#7a709d;box-shadow:-10px -14px 20px -6px #00000040;display:flex;flex-direction:row-reverse;width:60px}.landing .splash-content .landing-ribbon .inner-landing-ribbon{background-color:#75419d;width:50%}.landing .mid-ribbon-container{box-shadow:10px 14px 20px -6px #3b3b3be6,-10px -14px 20px -6px #00000040;display:flex;width:100%}.landing .mid-ribbon-container .mid-ribbon-corner-l{align-items:flex-end;background-color:#7a709d;display:flex;justify-content:flex-end;width:60px}.landing .mid-ribbon-container .mid-ribbon-corner-l .inner-mid-ribbon-corner-l{background-color:#75419d;height:50%;width:50%}.landing .mid-ribbon-container .mid-ribbon-corner-r{background-color:#75419d;width:60px}.landing .mid-ribbon-container .mid-ribbon-corner-r .inner-mid-ribbon-corner-r{background-color:#7a709d;height:50%;width:50%}.landing .mid-ribbon-container .mid-ribbon{background-color:#75419d;display:flex;flex-direction:column;height:60px;width:calc(100% - 120px)}.landing .mid-ribbon-container .mid-ribbon .inner-mid-ribbon{background-color:#7a709d;height:50%}.nav{display:flex;justify-content:space-evenly;padding:2.75rem 0 1.75rem;width:100%}.nav .nav-item{align-items:center;background-color:#4d4d4d;border-bottom:solid #7a709d;border-radius:.5rem;box-shadow:-6px -6px 14px #2b2b2bb3,-6px -6px 10px #2b2b2b80,6px 6px 8px rgba(43,43,43,.075),6px 6px 10px #ffffff26;color:#fff;display:flex;height:30px;justify-content:center;padding:10px;text-decoration:none;transition:.2s ease-in-out;width:7rem}.nav .nav-item:hover{border-bottom:solid #4d4d4d;box-shadow:-2px -2px 6px #2b2b2b99,-2px -2px 4px #2b2b2b66,2px 2px 2px #2b2b2b0d,2px 2px 4px #ffffff1a}.nav .nav-item:active{box-shadow:inset -2px -2px 6px #2b2b2bb3,inset -2px -2px 4px #2b2b2b80,inset 2px 2px 2px rgba(43,43,43,.075),inset 2px 2px 4px #ffffff26}.lower-content{display:flex;height:100%}.lower-content .body-ribbon{background-color:#7a709d;box-shadow:10px 14px 20px -6px #3b3b3be6;display:flex;flex-direction:row-reverse;width:60px}.lower-content .body-ribbon .inner-body-ribbon{background-color:#75419d;width:50%}.lower-content .main-body{width:calc(100% - 60px)}.footer{align-items:center;display:flex;flex-direction:column;margin-top:10vh}.footer p{font-size:small;margin:0;text-align:center!important}.social-bar{display:flex;gap:3rem;justify-content:center;padding:3rem 0}.social-bar a{align-items:center;background-color:#4d4d4d;border-radius:15px;box-shadow:-6px -6px 14px #2b2b2bb3,-6px -6px 10px #2b2b2b80,6px 6px 8px rgba(43,43,43,.075),6px 6px 10px #ffffff26;color:#fff;display:flex;flex-direction:column;font-size:small;padding:10px;text-decoration:none;transition:.2s ease-in-out;width:70px}.social-bar a svg{color:#fff;height:40px;width:40px}.social-bar a:visited{color:#fff}.social-bar a:hover{box-shadow:-2px -2px 6px #2b2b2b99,-2px -2px 4px #2b2b2b66,2px 2px 2px #2b2b2b0d,2px 2px 4px #ffffff1a}.social-bar a:active{box-shadow:inset -2px -2px 6px #2b2b2bb3,inset -2px -2px 4px #2b2b2b80,inset 2px 2px 2px rgba(43,43,43,.075),inset 2px 2px 4px #ffffff26}.hidden{display:none}.show{align-items:center;background-color:#4d4d4d91;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.show img{border-radius:10px;height:65%;margin:auto;overflow:hidden;width:auto}.show button{align-items:center;background-color:#4d4d4d;border:none;border-bottom:solid #7a709d;border-radius:15px;box-shadow:-6px -6px 14px #2b2b2bb3,-6px -6px 10px #2b2b2b80,6px 6px 8px rgba(43,43,43,.075),6px 6px 10px #ffffff26;color:#fff;display:flex;flex-direction:column;font-size:small;height:50px;justify-content:center;margin-bottom:5vh;margin-top:2rem;padding:10px;text-decoration:none;transition:.2s ease-in-out;width:200px}.show button svg{color:#fff;height:40px;width:40px}.show button:hover{border-bottom:solid #4d4d4d;box-shadow:-2px -2px 6px #2b2b2b99,-2px -2px 4px #2b2b2b66,2px 2px 2px #2b2b2b0d,2px 2px 4px #ffffff1a;cursor:pointer}@media only screen and (max-width:800px){.nav{padding:0}.nav .nav-item{border-bottom:solid #7a709d;border-radius:0;box-shadow:none;height:3rem;padding:0;width:100%}.nav .nav-item:hover{box-shadow:inset 5px 8px 20px 0 #2b2b2bb3}.nav .nav-item:active{box-shadow:none}.social-bar{gap:0;width:100%}.social-bar a{border-bottom:solid #7a709d;border-radius:0;border-top:solid #7a709d;box-shadow:none;width:100%}.social-bar a:hover{box-shadow:inset 5px 8px 20px 0 #2b2b2bb3}.social-bar a:active{box-shadow:none}.footer p{margin:0!important}}@media only screen and (max-width:560px){.lower-content .main-body,.main-body{width:100%}.lower-content .body-ribbon{display:none}.landing .splash-content{display:flex;justify-content:center}.landing .splash-content .landing-ribbon{display:none}.landing .splash-content .splash{height:40vh;margin:2rem 0 0;width:80vw}.landing .mid-ribbon-container .mid-ribbon-corner-l,.landing .mid-ribbon-container .mid-ribbon-corner-r{display:none}.landing .mid-ribbon-container .mid-ribbon,.nav{width:100%}.nav{flex-direction:column;padding-bottom:1rem}.social-bar{padding:1rem 0!important}}.lds-spinner{color:#1c4c5b}.lds-spinner,.lds-spinner div,.lds-spinner div:after{box-sizing:border-box}.lds-spinner{color:currentColor;display:inline-block;height:80px;position:relative;width:80px}.lds-spinner div{animation:lds-spinner 1.2s linear infinite;transform-origin:40px 40px}.lds-spinner div:after{background:currentColor;border-radius:20%;content:" ";display:block;height:17.6px;left:36.8px;position:absolute;top:3.2px;width:6.4px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0deg)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.about-me{display:flex;flex-direction:column;width:100%}.about-me .education,.about-me p{padding:0 3rem}.about-me .about-introduction{align-items:center;display:flex}.about-me .about-introduction img{border-radius:50px;box-shadow:-6px -6px 14px #3b3b3bb3,-6px -6px 10px #3b3b3b80,6px 6px 8px rgba(59,59,59,.075),6px 6px 10px #ffffff26;margin:2rem 3rem 0}.about-me .about-introduction .about-introduction-content{align-items:flex-start;display:flex;flex-direction:column}.about-me .about-introduction .about-introduction-content h2{margin:0}.about-me .about-introduction .about-introduction-content p{text-align:left}.about-me .education .education-item{margin:0 1.5rem 2.5rem}.about-me .education .education-item .education-item-header{align-items:center;display:flex;justify-content:space-between}.about-me .education .education-item .education-item-header h3,.about-me .education .education-item .education-item-header p{margin:0}.about-me .download{margin:1rem 0 5rem}.about-me .download,.about-me .download a{align-items:center;display:flex;flex-direction:column}.about-me .download a{background-color:#4d4d4d;border-radius:15px;box-shadow:-6px -6px 14px #2b2b2bb3,-6px -6px 10px #2b2b2b80,6px 6px 8px rgba(43,43,43,.075),6px 6px 10px #ffffff26;padding:10px;transition:.2s ease-in-out}.about-me .download a:hover{box-shadow:-2px -2px 6px #2b2b2b99,-2px -2px 4px #2b2b2b66,2px 2px 2px #2b2b2b0d,2px 2px 4px #ffffff1a}.about-me .download a:active{box-shadow:inset -2px -2px 6px #2b2b2bb3,inset -2px -2px 4px #2b2b2b80,inset 2px 2px 2px rgba(43,43,43,.075),inset 2px 2px 4px #ffffff26}.about-me .download a svg{color:#fff;height:50px;width:50px}@media only screen and (max-width:800px){.about-me .education,.about-me p{padding:0 1rem}.about-me .main-body{height:140vh;padding:0}.about-me .main-body p{margin:16px}}@media only screen and (max-width:560px){.about-me .about-introduction img{display:none}.about-me .about-introduction .about-introduction-content{align-items:center}.about-me .download{margin-bottom:2rem}.about-me .download a{border-bottom:solid #7a709d;border-radius:0;border-top:solid #7a709d;box-shadow:none;padding-left:0;padding-right:0;width:100%}.about-me .download a:hover{box-shadow:inset 5px 8px 20px 0 #2b2b2bb3}.about-me .download a:active{box-shadow:none}}@media only screen and (max-height:1000px){.about-me .landing{background-position:top}}.contact{align-items:center;display:flex;flex-direction:column}.contact .contact-introduction,.contact h1,.contact p{padding:0 3rem}.contact .contact-email{display:flex;gap:1rem;margin-top:3rem}.contact .contact-email a{align-items:center;background-color:#4d4d4d;border-bottom:solid #7a709d;border-radius:15px;box-shadow:-6px -6px 14px #2b2b2bb3,-6px -6px 10px #2b2b2b80,6px 6px 8px rgba(43,43,43,.075),6px 6px 10px #ffffff26;color:#fff;display:flex;font-size:small;font-size:medium;padding:10px;text-decoration:none;transition:.2s ease-in-out}.contact .contact-email a:visited{color:#fff}.contact .contact-email a:hover{border-bottom:solid #4d4d4d;box-shadow:-2px -2px 6px #2b2b2b99,-2px -2px 4px #2b2b2b66,2px 2px 2px #2b2b2b0d,2px 2px 4px #ffffff1a}.contact .contact-email a:active{box-shadow:inset -2px -2px 6px #2b2b2bb3,inset -2px -2px 4px #2b2b2b80,inset 2px 2px 2px rgba(43,43,43,.075),inset 2px 2px 4px #ffffff26}.contact .contact-email button{background-color:#4d4d4d;border:none;border-radius:15px;box-shadow:-6px -6px 14px #2b2b2bb3,-6px -6px 10px #2b2b2b80,6px 6px 8px rgba(43,43,43,.075),6px 6px 10px #ffffff26;transition:.2s ease-in-out}.contact .contact-email button svg{color:#fff;height:40px;width:40px}.contact .contact-email button:hover{box-shadow:-2px -2px 6px #2b2b2b99,-2px -2px 4px #2b2b2b66,2px 2px 2px #2b2b2b0d,2px 2px 4px #ffffff1a;cursor:pointer}@media only screen and (max-width:560px){.contact-introduction,h1,p{padding:0 1rem}}.design{align-items:center;display:flex;flex-direction:column}.design .design-introduction,.design .design-projects,.design h1,.design p{padding:0 3rem}.design .design-skills-list{align-items:center;display:flex;flex-direction:column}.design .design-skills-list .design-skills-container,.design .design-skills-list .design-software-container{display:flex;margin:0 0 .5rem;width:100%}.design .design-skills-list .design-skills-container h3,.design .design-skills-list .design-software-container h3{display:flex;flex-direction:row-reverse;margin:0;width:8rem}.design .design-skills-list .design-skills-container ul,.design .design-skills-list .design-software-container ul{align-items:center;display:flex;flex-wrap:wrap;margin:0;padding:0;width:100%}.design .design-skills-list .design-skills-container ul li,.design .design-skills-list .design-software-container ul li{display:inline;padding:0 0 0 .5em}.design .design-projects{grid-gap:1rem;display:grid;gap:1rem;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(2,1fr);margin-top:3rem}.design .design-projects .design-project{display:flex;flex-direction:column;margin:0 2rem 5rem}.design .design-projects .design-project h2,.design .design-projects .design-project p{margin:0}.design .design-projects .design-project img{border-radius:10px;box-shadow:-6px -6px 14px #2b2b2bb3,-6px -6px 10px #2b2b2b80,6px 6px 8px rgba(43,43,43,.075),6px 6px 10px #2b2b2b26;height:auto;margin:2.5rem auto auto;width:30vw}@media only screen and (max-width:560px){.design .design-introduction,.design .design-projects,.design h1,.design p{padding:0 1rem}.design .design-projects{display:flex;flex-direction:column}}.development{display:flex;flex-direction:column;width:100%}.development .development-projects,.development .skill-list,.development h1,.development p{padding:0 3rem}.development .development-introduction{text-align:left}.development .skill-list{align-items:center;display:flex;flex-direction:column;width:100%}.development .skill-list .languages-container,.development .skill-list .skills-container,.development .skill-list .tools-container{display:flex;margin:0 0 .5rem;width:100%}.development .skill-list .languages-container h3,.development .skill-list .skills-container h3,.development .skill-list .tools-container h3{display:flex;flex-direction:row-reverse;margin:0;width:8rem}.development .skill-list .languages-container ul,.development .skill-list .skills-container ul,.development .skill-list .tools-container ul{align-items:center;display:flex;flex-wrap:wrap;margin:0;padding:0;width:100%}.development .skill-list .languages-container ul li,.development .skill-list .skills-container ul li,.development .skill-list .tools-container ul li{display:inline;padding:0 0 0 .5em}.development .development-projects .project{display:flex;flex-direction:column;margin:3rem 1.5rem 5rem}.development .development-projects .project h2,.development .development-projects .project h3,.development .development-projects .project p{margin:0}.development .development-projects .project img{border-radius:50px;height:auto;margin:2.5rem auto 0;width:70vw}.development .development-projects .project .sub-sections{display:flex;flex-direction:row}.development .development-projects .project .sub-sections .sub-section{display:flex;flex-direction:column;margin:1.5rem 0 0;width:50%}.development .development-projects .project .sub-sections .sub-section p{height:100%}.development .development-projects .project .sub-sections .sub-section a{align-items:center;background-color:#4d4d4d;border-radius:15px;box-shadow:-6px -6px 14px #2b2b2bb3,-6px -6px 10px #2b2b2b80,6px 6px 8px rgba(43,43,43,.075),6px 6px 10px #ffffff26;display:flex;flex-direction:column;margin:1.5rem auto 0;padding:10px;transition:.2s ease-in-out;width:3rem}.development .development-projects .project .sub-sections .sub-section a:hover{box-shadow:-2px -2px 6px #2b2b2b99,-2px -2px 4px #2b2b2b66,2px 2px 2px #2b2b2b0d,2px 2px 4px #ffffff1a}.development .development-projects .project .sub-sections .sub-section a:active{box-shadow:inset -2px -2px 6px #2b2b2bb3,inset -2px -2px 4px #2b2b2b80,inset 2px 2px 2px rgba(43,43,43,.075),inset 2px 2px 4px #ffffff26}.development .development-projects .project .sub-sections .sub-section a svg{color:#fff;height:50px;width:50px}@media only screen and (max-width:800px){.development .development-projects,.development .skill-list,.development h1,.development p{padding:0 1rem}.development .development-projects .project img{width:100%}}@media only screen and (max-width:500px){.development .development-projects .project img{display:none}.development .development-projects .project .sub-sections{flex-direction:column}.development .development-projects .project .sub-sections .sub-section{width:100%}}.photography{align-items:center;display:flex;flex-direction:column}.photography .photography-examples,.photography .photography-introduction,.photography h1,.photography p{padding:0 3rem}.photography .photography-skills-list{align-items:center;display:flex;flex-direction:column}.photography .photography-skills-list .photography-skills-container,.photography .photography-skills-list .photography-software-container{display:flex;margin:0 0 .5rem;width:100%}.photography .photography-skills-list .photography-skills-container h3,.photography .photography-skills-list .photography-software-container h3{display:flex;flex-direction:row-reverse;margin:0;width:8rem}.photography .photography-skills-list .photography-skills-container ul,.photography .photography-skills-list .photography-software-container ul{align-items:center;display:flex;flex-wrap:wrap;margin:0;padding:0;width:100%}.photography .photography-skills-list .photography-skills-container ul li,.photography .photography-skills-list .photography-software-container ul li{display:inline;padding:0 0 0 .5em}.photography .photography-examples{grid-gap:5rem;display:grid;gap:5rem;grid-auto-rows:minmax(100px,auto);grid-template-columns:repeat(2,1fr);margin-top:3rem}.photography .photography-examples .photography-example{display:flex}.photography .photography-examples .photography-example img{border-radius:10px;box-shadow:-6px -6px 14px #2b2b2bb3,-6px -6px 10px #2b2b2b80,6px 6px 8px rgba(43,43,43,.075),6px 6px 10px #2b2b2b26;height:auto;margin:auto;transition:.2s ease-in-out;width:40vw}.photography .photography-examples .photography-example img:hover{box-shadow:-2px -2px 6px #2b2b2b99,-2px -2px 4px #2b2b2b66,2px 2px 2px #2b2b2b0d,2px 2px 4px #2b2b2b1a;cursor:pointer}@media only screen and (max-width:1000px){.photography .photography-examples{display:flex;flex-direction:column;gap:3rem}.photography .photography-examples .photography-example img{width:100%}}@media only screen and (max-width:560px){.photography .photography-example,.photography .photography-introduction,.photography h1,.photography p{padding:0 1rem}}
/*# sourceMappingURL=main.15c4ce7f.css.map*/