.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#intro{margin:0;padding:0;display:flex;flex-direction:column;background:#38373c}.intro-content{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;padding:10% 30px 0}.intro-personal-image{max-height:80%;width:40%;object-fit:contain}.intro-about-me{max-height:80%;max-width:50%;color:#fff}.intro-personal-description .title{font-size:1.25rem;display:flex;margin-bottom:15px}.intro-interactive-buttons{margin-top:35px;height:50px}.interactive-button{aspect-ratio:2 / 1;background-color:#3dbcb8;cursor:pointer;height:100%;font-size:.6rem;display:flex;justify-content:center;align-items:center}.interactive-button:hover{text-decoration:underline}.customCarousel{position:relative;width:100%;height:100%;overflow:hidden;border-radius:10px;background-color:#000;display:flex;justify-content:center;align-items:center}.customCarousel.work{background-color:#4a4850;box-shadow:0 4px 15px #0006}.educationCarousel .carouselSlide{width:80%;height:80%}.carouselSlide{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:90%;height:90%;opacity:0;transition:transform .5s ease-in-out,opacity .5s ease-in-out;display:flex;flex-direction:row;justify-content:space-between;align-items:center;transform:var(--transformDirection)}.carouselSlide.active{transform:translate(0);opacity:1;z-index:1}.carouselSlide.slide-out-left{transform:translate(-100%);opacity:0}.carouselSlide.slide-out-right{transform:translate(100%);opacity:0}.carouselSlide img{width:auto;max-width:75%;height:100%;object-fit:contain;display:block;margin:0 auto}.carouselSlide video{width:75%;height:auto;aspect-ratio:1920 / 1080;max-height:100%;display:block;margin:0 auto;object-fit:contain}.imageDesc{height:100%;width:20%;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:5px 10px;box-sizing:border-box;font-size:.6rem}@media (max-width: 720px){.imageDesc{font-size:.5em}}.arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;color:#fff;font-size:1em;cursor:pointer;padding:5px;border-radius:50%;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.arrow.left{left:10px}.arrow.right{right:10px}#education{position:relative;display:flex;flex-direction:column;padding:0}.educationTop{height:10%;width:100%;background:#38373c;color:#fff;position:relative}.educationMiddle{height:30%;width:100%;position:relative;background:url(/assets/backgrounds/Lehigh.jpg);background-size:cover;background-repeat:no-repeat;color:#fff;text-shadow:3px 3px 6px rgba(0,0,0,.6);border-bottom:5px solid black;border-top:5px solid black}#educationMiddleContent{height:100%;width:55%;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:40%;flex-direction:column}#major{height:40%;width:100%;font-size:1.8em;color:#fff;text-shadow:0 0 8px black,0 0 16px black,2px 2px 4px black;display:flex;justify-content:center;align-items:center;text-align:center;background:#00000073;padding:4px 12px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-weight:700;letter-spacing:.03em}#degreeInformation{display:flex;justify-content:space-evenly;align-items:center;height:25%;width:100%}#minors,#GPA{width:50%;color:#fff;font-size:1.25em;text-shadow:0 0 8px black,0 0 16px black,2px 2px 4px black;display:flex;justify-content:center;align-items:center;font-weight:700;background:#00000073;padding:4px 12px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#minors{border-top-right-radius:0;border-bottom-right-radius:0}#GPA{border-top-left-radius:0;border-bottom-left-radius:0}#lehighLogo{z-index:5;height:calc(100% + 120px);width:auto;position:absolute;top:-60px;left:5%}@media (max-width: 720px){#lehighLogo{height:55%;top:22.5%}#educationMiddleContent{font-size:10px;right:5%;z-index:2}.educationContactMe{width:100%}}.educationBottom{height:60%;width:calc(100% - 40px);position:relative;background-color:#c1a875;color:#2c2c2c;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.educationList{height:60%;width:30%;background:#fff;box-shadow:0 4px 12px #00000026;border-radius:8px;padding:20px;position:relative;display:flex;justify-content:space-between;align-items:center;flex-direction:column}.educationCarousel{z-index:2;width:25%;height:55%;background:#fff;box-shadow:0 4px 12px #00000026;border-radius:8px;padding:20px;justify-content:space-between;align-items:center;flex-direction:column}.education-BC-highlights-content,.education-classes-significance-content{color:#000;font-size:.8rem;overflow-y:scroll;height:85%}.education-BC-highlights-title,.education-classes-significance-title{font-size:1.2rem;font-weight:600;text-decoration:underline;height:15%}@media (max-width: 720px){.educationBottom{flex-direction:column;justify-content:space-around}.educationList,.educationCarousel{height:calc(30% - 40px);width:calc(100% - 40px)}}#portfolioSection{padding:0;margin:0;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.portfolioTop{width:100%;height:10%;background-color:#00796b}.portfolioContent{width:100%;height:90%;display:flex;justify-content:space-around;align-items:center;background-color:#00796b}.portfolioContentLeft{height:100%;width:60%;display:flex;justify-content:center;align-items:center}.portfolioProjectVideoAndSelector{height:75%;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;border:5px solid black;border-radius:5px;transition:background-image .5s ease-in-out;position:relative}.portfolioProjectVideoAndSelector.unite-pro{background-image:url(/assets/backgrounds/unite-pro.png)}.portfolioProjectVideoAndSelector.enrolld{background-image:url(/assets/backgrounds/enrolld.png)}.portfolioProjectVideoAndSelector.enrolld{background-image:url(/assets/backgrounds/uta.png)}.portfolioProjectSelector{height:10%;width:100%;display:flex;justify-content:center;align-items:center;position:relative;background-color:#0009;z-index:3}.portfolioProject{height:50%;width:33%;display:flex;justify-content:center;align-items:center;font-size:1.5em;font-weight:700;color:#fff;cursor:pointer;text-shadow:6px 6px 12px rgba(0,0,0,.6)}.portfolioProjectSelectorBar{position:absolute;bottom:0;height:4px;width:33%;background-color:#fff;transition:left .5s ease,right .5s ease}.portfolioProjectSelectorBar.left{left:0;right:auto}.portfolioProjectSelectorBar.middle{left:33%;right:auto}.portfolioProjectSelectorBar.right{left:66%;right:auto}.portfolioProject.selected{text-decoration:underline}.projectVideo{width:100%;height:90%;object-fit:fill;z-index:2}.portfolioContentRight{width:35%;height:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.portfolioContentDescription{height:35%;width:calc(100% - 40px);font-size:1em;color:#000;margin:10px;padding:10px;background-color:#fff;box-shadow:0 4px 12px #00000026;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow-y:scroll}.portfolioContentDescription::-webkit-scrollbar{display:none}.descriptionTitle,.skillsFromProjectTitle{width:100%;height:30px;padding:5px;font-size:1.2rem;font-weight:700;color:#000;display:flex;align-items:center;justify-content:center;margin-bottom:15px;position:relative;text-decoration:underline}.clickMeIcon{width:70px;height:40px;display:flex;justify-content:space-between;align-items:center;text-align:center;position:absolute;top:0;right:20px;font-size:16px}.mouseIcon{font-size:1.25em;color:#000}.clickMeText{font-size:.5em;color:#000}.projectDescription,.projectSkillsList{width:100%;height:calc(100% - 45px);overflow-y:scroll;font-size:.8rem}.skillsFromProject{height:40%;width:calc(100% - 80px);background:#f7f7f7;box-shadow:0 4px 12px #00000026;border-radius:8px;padding:20px;position:relative}.interactive-button.portfolioSection{position:absolute;top:0;right:10px;background-color:#b85c7a;color:#fff;font-weight:300;text-decoration:none}@media (max-width: 720px){.portfolioContent{flex-direction:column}.portfolioContentLeft{width:100%;height:35%}.portfolioContentRight{width:100%;height:60%}.portfolioContentDescription{height:50%;font-size:12px}.skillsFromProject{height:40%}.portfolioProject{font-size:1em}.portfolioProjectSelectorBar{height:2px}.portfolioProjectVideoAndSelector{font-size:8px}.clickMeIcon{width:45px;height:30px;right:10px;font-size:12px}}#work{margin:0;padding:0;display:flex;flex-direction:column;background:#38373c;color:#fff}.work-content{height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;flex-flow:row wrap;padding:10% 30px 0}.work-DA-title{height:20%;width:40%;display:flex;justify-content:center;align-items:center;gap:30px;font-size:2rem;background-color:#4a4850;border-radius:15px;box-shadow:0 4px 15px #0006}.work-DA-description{height:20%;width:55%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:.8rem}.work-DA-description-header{font-size:1.2rem;text-decoration:underline;padding-bottom:10px}.work-DA-skills{height:60%;width:40%;display:flex;justify-content:center;align-items:center;flex-direction:column}.work-DA-skills-header{font-size:1rem;text-decoration:underline}.work-DA-skills-list{overflow-y:scroll;font-size:.8rem}.work-DA-skills-list::-webkit-scrollbar{display:none}.work-DA-examples{height:60%;width:55%;display:flex;justify-content:center;align-items:center}html,body{padding:0;margin:0;overflow-x:hidden;font-size:24px;font-family:sans-serif}body::-webkit-scrollbar{display:none}#backgroundImageDisplay{position:fixed;height:100vh;width:100vw;background-size:cover;background-repeat:no-repeat;transition:background-image .5s ease;z-index:-3}#backgroundImageDisplay.introSection{background-image:url(/assets/backgrounds/intro.png)}#backgroundImageDisplay.educationSection{background-image:url(/assets/backgrounds/Lehigh.jpg)}#backgroundImageDisplay.unite-proSection{background-image:url(/assets/backgrounds/unite-pro.png)}#mainContainer{height:auto}.section{height:var(--sectionHeight);display:flex;justify-content:space-around;align-items:center;padding:0 20px}.spacer{height:var(--spacerHeight);position:relative;background:#38373c}#thirdSpacer{background:linear-gradient(#c1a875,#00796b)}#fourthSpacer{background:linear-gradient(#00796b,#38373c)}.textSection{width:50%;height:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.rowSection{width:100%;display:flex;justify-content:space-around;align-items:center;padding:15px 0}.textBlob{background-color:#4b4b4bcc;border:2px solid white;border-radius:10px;color:#fff;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:20px;min-height:200px;min-width:150px;font-size:1.25em;margin:5px;display:flex;justify-content:center;align-items:center;flex-direction:column}.imageSection{width:50%;height:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:space-around;flex-direction:column}.imageDisplay{background-color:#4b4b4bcc;border-radius:10px;padding:20px;min-height:200px;min-width:150px;display:flex;justify-content:center;align-items:center;border:2px solid white}.imageDisplay img{width:100%;height:100%;object-fit:contain;display:block}.bobbing1{animation:bob1 4s ease-in-out infinite}@keyframes bob1{0%,to{transform:translate(0)}50%{transform:translate(3px,-8px)}}.bobbing2{animation:bob2 4s ease-in-out infinite}@keyframes bob2{0%,to{transform:translate(0)}50%{transform:translate(-3px,8px)}}.scale-on-scroll{transform:scale(var(--scale, 1));transition:transform .4s cubic-bezier(.25,1,.5,1)}.highlight-intro{color:#3dbcb8;font-weight:600}.highlight-work{color:#b47ce9;font-weight:600}.highlight-education{color:#994708;font-weight:600}.highlight-education-class{color:#000;font-weight:600}.highlight-portfolio{color:#b85c7a;font-weight:600}.highlight-outro{color:#42914f;font-weight:600}li{margin-bottom:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#fff;border-radius:12px;padding:2rem;min-width:300px;position:relative;box-shadow:0 8px 32px #0003}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:1rem;cursor:pointer;color:#888}.modal-close:hover{color:#000}.modal-title{margin:0 0 1.25rem;font-size:1.25rem}.modal-item{display:flex;flex-direction:column;gap:4px;margin-bottom:1rem}.modal-label{font-size:.8rem;color:#888;text-transform:uppercase;letter-spacing:.05em}.modal-value{font-size:1rem}.headerBar{height:10%;width:100%;display:flex;justify-content:space-between;align-items:center;color:#fff;padding:15px 30px;box-sizing:border-box;background-color:#27262a;position:fixed;z-index:1000}.headerBar-Item{height:100%;display:flex;justify-content:center;align-items:center}.headerBar-Item.name{max-width:15%;display:flex;flex-direction:column}.headerBar-Item.name .mainName{font-size:1rem}.headerBar-Item.name .title{font-size:.5rem}.headerBar-Item.links{width:35%;display:flex;justify-content:space-around;align-items:center}.headerBar-Item.links .link-item{font-size:.6rem;cursor:pointer}.headerBar-Item.links .link-item:hover{text-decoration:underline}.headerBar-Item.socials{width:15%;display:flex;justify-content:space-around;align-items:center}.headerBar-Item.socials .socials-item{cursor:pointer;height:80%;width:auto;display:flex;justify-content:center;align-items:center}.headerBar-Item.socials .socials-item img{max-height:30px;width:auto;display:flex;justify-content:center;align-items:center}.headerBar-Item.resumeContactButton{height:60%;color:#fff;text-decoration:none;transition:background-color .4s ease-in-out,filter .2s ease}.resumeContactButton:hover{filter:brightness(.85)}.resumeContactButton.section1{background-color:#3dbcb8}.resumeContactButton.section2{background-color:#ad65f0}.resumeContactButton.section3{background-color:#994708}.resumeContactButton.section4{background-color:#b85c7a}.resumeContactButton.section5{background-color:#42914f}#outro{position:relative;display:flex;flex-direction:column;padding:0;background:#38373c}.outroTop{height:10%;width:100%}.outroBody{height:90%;width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 45px}.outroBodyContent{flex:1;height:80%;display:flex;justify-content:space-around;align-items:center;flex-direction:column;padding:0 5% 0 0}.outroSummary{width:90%;height:60%;font-size:1.25rem;color:#fff;display:flex;justify-content:center;align-items:center}.outroInteractive{width:90%;display:flex;height:50px;justify-content:space-between;align-items:center}.interactive-button.section5{background:#42914f;color:#fff;text-decoration:none}.outro-find-me{color:#fff}.outro-social-item,.outro-social-item a,.outro-social-item img{height:100%;width:auto}.outroBodyImage{max-width:55%;max-height:80%}