*{margin:0}body{--purple:#ff8d00;--dark-gray:#22262b;--light-gray:#5b5b5b}body,html{overflow-x:hidden}h2{color:var(--purple);font-family:"Oswald",sans-serif;font-size:60px}h2 span{display:inline-block;position:relative}h2 span:after{content:"";display:block;width:80%;height:1px;background:#c17700;position:absolute;bottom:3px;left:50%;transform:translateX(-50%)}.header{font-family:"Fira Code",monospace;height:12.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__text:first-child{padding-left:10%;padding-top:10px;padding-bottom:10px}.header__text{padding-left:15px;padding-top:10px;padding-bottom:10px}.header__text:first-child .header_text__title{color:#fff}.header__text:nth-child(2) .header_text__title{color:var(--purple)}.header__text:nth-child(2) .header_text__title .dot_header{color:#000}.header__menuIcon{position:absolute;right:5%;top:50%;transform:translate(-5%,-50%)}.header_text__title{font-size:26px;font-weight:700}.header__text a{text-decoration:none}.dot_header{color:var(--purple)}.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(4,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%;padding-bottom:10px;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:"Roboto",sans-serif;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__topText{margin-bottom:15px}.landing__mainText{font-size:40px}.landing__mainText,.landing__name{text-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px;color:var(--dark-gray)}.landing__name{font-size:60px;font-weight:bolder}.subtitle-typed{font-family:"Roboto",sans-serif;font-size:30px;text-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px;color:var(--dark-gray);font-weight:700}.typed-cursor{opacity:1;animation:typedjsBlink .7s infinite;font-size:30px;line-height:normal}.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-right:50px;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:70vw;text-align:center}.project__tech{text-align:center}.project__sourceCode{justify-content:center}.project__image{margin-bottom:15px;width:80%}.project__sourceCode:hover{transform-origin:left}}.lightWave{position:absolute;bottom:0;left:0;padding-bottom:10px;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}}.projectx{height:85vh;position:relative;padding-left:5vw;padding-top:10vh;font-family:"Oswald",sans-serif}.projectx-header{padding-right:5vw;text-align:center;margin-bottom:20px}.projectx__main{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;padding-top:5vh}.projectx__container{position:relative;width:30%;padding:10px}.projectx__image{box-shadow:0 20px 30px -10px #26394d}.hover-text,.projectx__image{width:100%;border-radius:15px}.hover-text{position:absolute;height:100%;top:0;left:0;background:rgba(0,0,0,.7);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s;font-size:24px}.projectx__container:hover .hover-text{opacity:1}@media screen and (max-width:768px){.projectx__container{width:100%;text-align:center}.projectx__image{width:50%}.projectx-header{font-size:48px}}.about{display:flex;padding-top:5vh;padding-bottom:5vh;justify-content:center;height:85vh;background:linear-gradient(90deg,#121314,#22262b 59%,#31363b);position:relative;color:#bebebe}.about__heading span{font-size:60px}.about__text{display:flex;flex-direction:column}.about__body{font-family:"Roboto",sans-serif;font-size:17px;max-width:50vw;padding-right:50px}.skills__heading{color:#fff}.skills-column p{word-break:break-word}.about__headshot{border-radius:50%;border:5px solid var(--purple);box-shadow:var(--purple) 0 20px 30px -10px}.about__specialText{color:#fff}.about__externLink{color:var(--purple)}@media only screen and (max-width:768px){.about{padding-top:20vh;flex-direction:column;align-items:center}.about__text{text-align:center;font-size:14px}.about__body{padding-right:0;max-width:80vw;padding-bottom:15px;font-size:14px}.about__headshot{width:150px;height:150px;margin-bottom:25vh;margin-top:15px}}.about__heading span{font-size:48px}.skills__heading{font-size:20px}.contact{display:flex;flex-direction:column;height:66vh;background-color:#b8c6db;background-image:linear-gradient(315deg,#cbd3e6,#f5f7fa 74%);position:relative}.contact__body{max-width:50vw;padding-top:10vh;padding-left:10vw}.contact__option{display:flex;margin-top:10px;font-family:"Roboto",sans-serif;align-items:center;padding-bottom:15px}.contact__text{color:var(--dark-gray);text-decoration:none;font-size:30px}.linktosite{color:var(--purple);text-decoration:none}.linktosite:hover{color:#fff;text-decoration:underline}.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}.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:#fff;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:#fff;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.e874294a.chunk.css.map */