*{margin:0}body{--purple:#5240fe;--dark-gray:#22262b;--light-gray:#5b5b5b}body,html{overflow-x:hidden}h2{color:var(--purple);text-decoration:underline;font-size:60px}.header,h2{font-family:"Fira Code",monospace}.header{height:10.5%;background:linear-gradient(90deg,#121314,#22262b 59%,#31363b);color:#fff;display:grid;grid-template-areas:"logo nav";position:fixed;top:0;width:100vw;z-index:10;border-bottom:1px solid #b8c6db;align-content:center}.header__logo{padding-left:15px;padding-top:10px}.header__menuIcon{position:absolute;right:5%;top:50%;transform:translate(-5%,-50%)}.navItem{text-decoration:none;color:#fff;font-size:20px;transition:all .25s cubic-bezier(.25,.46,.45,.94) 0s}.navItem:hover{color:var(--purple);transform:scale(1.1)}@media only screen and (max-width:768px){.navItem{margin:20px;font-size:30px}}.resumeButton{color:var(--purple);border:2px solid var(--purple);padding:5px 10px;border-radius:10px}.resumeButton:hover{color:#fff}@media only screen and (max-width:768px){.resumeButton{margin:20px}}.Nav{grid-area:nav;display:grid;grid-template-columns:repeat(5,auto);align-items:center;justify-items:center}@media only screen and (max-width:768px){.Nav{transition:all 1s ease-out;clip-path:circle(0 at 90% -10%);-webkit-clip-path:circle(0 at 90% -10%);position:fixed;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;z-index:-1;background:linear-gradient(90deg,#121314,#22262b 59%,#31363b)}.active{clip-path:circle(1300px at 90% -10%);-webkit-clip-path:circle(1300px at 90% -10%);top:0}}.menuIcon__icon{display:none}@media only screen and (max-width:768px){.menuIcon__icon{transition:all .25s cubic-bezier(.25,.46,.45,.94) 0s;cursor:pointer;display:block}.menuIcon__icon:hover{color:var(--purple);transform:scale(1.1)}}.purpleArrows{position:absolute;bottom:15%;right:50%;left:50%;transform:translateX(-50%);animation:moveDownAnimation 3s ease;transition:all .25s cubic-bezier(.25,.46,.45,.94) 0s}.purpleArrows:hover{transform:scale(1.1) translateX(-50%)}@keyframes moveDownAnimation{0%{margin-bottom:100vh}to{margin-bottom:0}}@media only screen and (max-width:768px){.purpleArrows{transition:all 1s ease-out;bottom:10%}.purpleArrows,.purpleArrows:hover{transform:translate(-11px,15px)}@keyframes moveDownAnimation{0%{margin-bottom:150%}to{margin-bottom:0}}}.darkWave{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.darkWave svg{position:relative;display:block;width:calc(100% + 1.3px);height:82px;transform:rotateY(180deg)}.darkWave .shape-fill{fill:url(#dark)}.landing{font-family:"Fira Code",monospace;height:105vh;position:relative;background-color:#eeecec;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:5vh;background-color:#b8c6db;background-image:linear-gradient(315deg,#b8c6db,#f5f7fa 74%)}.landing__purpleText{color:var(--purple)}.landing__topText{margin-bottom:15px}.landing__mainText{font-size:40px;text-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px;color:var(--dark-gray)}.landing__hr{width:35vw;height:2px;background-color:var(--purple);border:none;margin:20px auto;animation:fadeInAnimation 3s ease}@keyframes fadeInAnimation{0%{width:0}to{width:35vw}}@media only screen and (max-width:768px){.landing{padding-top:0;height:95vh}.landing__hr{transition:all 1s ease-out;width:80vw}@keyframes fadeInAnimation{0%{width:0}to{width:80vw}}}.leftSocialMediaIcons__mobileLeftBar,.leftSocialMediaIcons__mobileRightBar{display:none}.leftSocialMediaIcons{display:flex;flex-direction:column;align-items:center;position:absolute;left:5%;bottom:0}.leftSocialMediaIcons__verticalBar{border-left:3px solid var(--purple);height:25vh}.icon{color:#22262b;transition:all .25s cubic-bezier(.25,.46,.45,.94) 0s;animation:moveDownAnimation 3s ease;padding-top:5px}.icon:hover{color:var(--purple);transform:scale(1.1)}.mobile__hr{width:35vw;height:2px;border:none;margin:20px auto;background-color:var(--purple);animation:fadeInAnimation 3s ease}@media only screen and (max-width:768px){.leftSocialMediaIcons{flex-direction:row;left:50%;bottom:20%;transform:translateX(-50%)}.leftSocialMediaIcons__verticalBar{display:none}.leftSocialMediaIcons__mobileLeftBar{display:block;margin-right:10px}.leftSocialMediaIcons__mobileRightBar{display:block;margin-left:10px}.icon{position:inherit;padding:0 15px;animation:none}}.project{height:85vh;position:relative;padding-left:11vw;padding-top:10vh}.project__main{display:flex;align-items:center;padding-top:5vh}.project__right{display:flex;flex-direction:column;margin-left:50px;text-align:right;padding-bottom:5vh;align-items:flex-end}.project__title{font-family:"Oswald",sans-serif;font-size:40px;margin-bottom:.5rem;color:var(--dark-gray)}.project__body{font-family:"Roboto",sans-serif}.project__description{max-width:30vw;margin-bottom:.5rem}.project__specialText{color:var(--purple)}.project__tech{color:var(--light-gray);font-size:14px;margin-bottom:.5rem}.project__sourceCode{display:flex;align-items:center;color:var(--purple);justify-content:flex-end;transition:all .25s cubic-bezier(.25,.46,.45,.94) 0s}.project__sourceCodeText{font-family:"Oswald",sans-serif}.project__sourceCode:hover{color:var(--light-gray);transform:scale(1.1);transform-origin:right}.project__githubLogo{padding-right:5px}.light{background-color:#b8c6db;background-image:linear-gradient(315deg,#cbd3e6,#f5f7fa 74%)}@media only screen and (max-width:768px){.light{background-image:linear-gradient(315deg,#b8c6db,#f5f7fa 74%)}.project{display:flex;flex-direction:column;align-items:center;padding-left:0}.project__title{text-align:center}.project__main{flex-direction:column;padding-top:0}.project__right{margin-left:0;align-items:center}.project__description{max-width:60vw;text-align:center}.project__tech{text-align:center}.project__sourceCode{justify-content:center}.project__image{margin-bottom:15px;width:80%}.project__specialMobileImage{width:20%}.project__sourceCode:hover{transform-origin:left}}.lightWave{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;transform:rotate(180deg)}.lightWave svg{position:relative;display:block;width:calc(100% + 1.3px);height:82px}.lightWave .shape-fill{fill:url(#light)}.project__image{border-radius:15px;box-shadow:0 20px 30px -10px #26394d}.project__left{display:flex;flex-direction:column;margin-right:50px;padding-bottom:5vh}.project__titleDark{color:#fff}.project__sourceCodeDark{display:flex;align-items:center;color:var(--purple);transition:all .25s cubic-bezier(.25,.46,.45,.94) 0s}.project__sourceCodeDark:hover{color:#fff;transform:scale(1.1);transform-origin:left}.project__imageDark{box-shadow:0 20px 30px -10px rgba(99,112,126,.742)}.dark{color:#fff;background:linear-gradient(90deg,#121314,#22262b 59%,#31363b)}@media only screen and (max-width:768px){.project__left{align-items:center;margin-right:0}}.about{display:flex;padding-top:20vh;justify-content:center;height:90vh;background:linear-gradient(90deg,#121314,#22262b 59%,#31363b);position:relative;color:#fff}.about__text{display:flex;flex-direction:column}.about__body{font-family:"Fira Code",monospace;max-width:50vw;padding-right:50px}.about__headshot{border-radius:50%;border:5px solid var(--purple);box-shadow:var(--purple) 0 20px 30px -10px}.about__specialText{color:var(--purple)}@media only screen and (max-width:768px){.about{padding-top:10vh;flex-direction:column;align-items:center}.about__heading{font-size:50px}.about__text{text-align:center;font-size:14px}.about__body{padding-right:0;max-width:60vw;padding-bottom:15px}.about__headshot{width:200px;height:200px;margin-bottom:15vh;margin-top:15px}}.techstackMargin{margin-right:30px}.techstackMarginBox{width:60%;height:30%;display:flex}.contact{display:flex;flex-direction:column;height:66vh;background:linear-gradient(90deg,#121314,#22262b 59%,#31363b);position:relative}.contact__body{max-width:50vw;padding-top:10vh;padding-left:10vw}.contact__p{color:#fff;font-size:20px}.contact__option,.contact__p{font-family:"Roboto",sans-serif;padding-bottom:15px}.contact__option{display:flex;align-items:center}.contact__text{color:#fff;text-decoration:underline;font-size:30px}.contact__logo{color:var(--purple);margin-right:15px}@media only screen and (max-width:768px){.contact{align-items:center}.contact__heading{font-size:48px}.contact__body{max-width:80vw;padding-left:0}.contact__text{font-size:24px}}.footer{height:27.5vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;font-family:"Roboto",sans-serif;background-color:#f5f7f9;background-image:linear-gradient(315deg,#dee3ee,#f5f7fa 74%)}.footer__copyright{font-size:12px}.socialMediaIcons{display:flex;align-items:center}.hr{width:35vw;height:2px;background-color:var(--purple);border:none;margin:20px auto}.footer__icon{color:#5b5b5b;transition:all .25s cubic-bezier(.25,.46,.45,.94) 0s;padding:0 15px}.footer__icon:hover{color:var(--purple);transform:scale(1.1)}.socialMediaIcons__rightHr{margin-left:20px}.socialMediaIcons__leftHr{margin-right:20px}.sourceCodeLink{padding-top:10px;display:flex;text-decoration:underline;color:var(--light-gray);transition:all .25s cubic-bezier(.25,.46,.45,.94) 0s;align-items:center}.sourceCodeLink:hover{color:var(--purple);transform:scale(1.1)}.sourceCodeLink__github{padding-right:5px}.sourceCodeLink__externalLink{padding-left:5px}
/*# sourceMappingURL=main.e3358eb0.chunk.css.map */