body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{-webkit-animation:fadeIn 4s ease;animation:fadeIn 4s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;width:100vw}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.App-header{background-color:#282c34;color:#fff;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-header,.pageContainer{align-items:center;display:flex;flex-direction:column}.pageContainer{height:80vh;justify-content:flex-start;padding-bottom:25%;padding-top:5%;width:100%}.pageTitle{border-bottom:1px solid #000;font-size:40px;margin-top:2.5%;padding-bottom:20px;width:75%}.pageSubTitle{font-size:25px;width:75%}.pageComponent{width:75%}.navContainer{color:#000;display:grid;grid-template-columns:repeat(6,1fr);height:10vh;position:fixed;width:100%}.navLinks{align-items:center;color:#3880eb;display:flex;height:100%;justify-content:center}.navLinks,a{position:relative;text-decoration:none}a{color:#000}a:hover{color:#ee8b55}.navLinks:hover{font-size:large;text-decoration:none}.logo{align-items:center;display:flex;font-size:50px;height:100%;justify-content:flex-start;padding-left:20px}@media only screen and (max-width:600px){.navContainer{background-color:hsla(0,0%,100%,.75)}}#homePageContainer{align-items:center;background-image:url(/portfolio/static/media/evie-s-h_Aike2KQOw-unsplash.576ea6e4f52828d25cdd.jpg);background-position:0 100%;background-repeat:no-repeat;background-size:60%;flex-direction:column;justify-content:flex-end}#name{display:flex;flex-direction:row;font-size:60px;justify-content:flex-end;width:75%}#homePageContainer>div.pageSubTitle{color:gray;display:flex;flex-direction:row-reverse}@media only screen and (max-width:600px){#homePageContainer{align-items:center;flex-direction:column;justify-content:center}#homePageContainer>div.pageSubTitle,#name{align-items:center;display:flex;flex-direction:row;justify-content:center;width:60%}}#workPageContainer{height:100%}.pageComponent{align-items:center;display:flex;justify-content:space-between}div.linkContainer>a{color:#3880eb}div.linkContainer>a:hover{color:#ee8b55}.componentText{height:100%;padding-left:25px;padding-right:25px;width:70%}.componentText>div{padding-top:15px}img{height:400px}.projectName{font-size:larger;font-weight:bolder}.componentSources{display:flex;flex-direction:row;justify-content:flex-start}.technologiesUsed{font-style:italic}@media only screen and (max-width:600px){.pageComponent{align-items:center;display:flex;flex-direction:column;justify-content:center}.componentText{height:100%;padding-left:0;padding-right:0;width:100%}}#aboutPageContainer{padding-bottom:15%}#aboutPageComponent{align-items:center;display:flex;flex-direction:row;justify-content:space-between}#aboutPageComponent>div.componentText{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding-left:0;width:50%}#aboutMeLinks{align-items:flex-end;display:flex;justify-content:space-between;margin-top:5%}#headshot{border-radius:50%;height:300px}@media only screen and (max-width:600px){#aboutPageComponent{align-items:center;display:flex;flex-direction:column;justify-content:center}#aboutPageComponent>div.componentText{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:100%}#headshot{border-radius:0;height:300px}}#contactPageContainer{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:0}#contactPageContainer>div{margin:2% 0 2% 12.5%;width:40%}#contactPageContainer>div:first-child{margin:2% 0 2% 12.5%;width:75%}#contactPageContainer>div.active{align-items:flex-start}#contactPageContainer>div.active,#contactPageContainer>div.inactive{display:flex;flex-direction:column;height:40px;justify-content:center;width:200px}#contactPageContainer>div.inactive{align-items:center;background-color:#fdfa8e;border-radius:25px;-webkit-filter:drop-shadow(0 1px 2px gray);filter:drop-shadow(0 1px 2px gray)}#contactPageContainer>div.inactive:hover{background-color:#e23d70;color:#fff}@media only screen and (max-width:600px){#contactPageContainer>div{width:75%}#contactPageContainer>div.active{align-items:flex-start;display:flex;flex-direction:column;height:40px;justify-content:flex-start;padding:25px;width:200px}}.footerContainer{align-items:center;display:flex;flex-direction:column;height:10vh;justify-content:space-around;width:100%}
/*# sourceMappingURL=main.401d43e2.css.map*/