@import url(https://fonts.googleapis.com/css?family=Lato:300,400&display=swap);@import url(https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.nav-container{display:flex;position:fixed;min-width:100%;max-width:100%;background:transparent;-webkit-transition:background .5s ease-in-out;transition:background .5s ease-in-out;z-index:999}.nav-inner-container{width:95%;margin-left:auto;margin-right:auto;padding:.5rem 0;-webkit-transition:padding .5s ease-in-out;transition:padding .5s ease-in-out}.nav-logo{float:left}.nav-links{float:right}.logo-container,.nav-items{display:inline-block;padding:1rem;font-size:1.25rem;color:#fff;cursor:pointer;-webkit-user-select:none}.logo-container{font-size:1.4rem;letter-spacing:.2rem;font-family:Lato,sans-serif;padding-right:0;padding-bottom:.8rem}.logo-img{height:1.4rem;width:1.4rem;margin-right:.5rem}.highlight{background:hsla(0,0%,100%,.3)}.nav-items:hover{color:#ccc}.nav-collapse{background:#000}.nav-collapse .nav-inner-container{padding:0}.hamburger-box{visibility:hidden}@media only screen and (max-width:700px){.nav-container{background:#000}.nav-inner-container{width:100%;padding:.2rem 0}.nav-links{float:none;max-height:0;min-width:100%;padding:0;background:#000;overflow:hidden;-webkit-transition:max-height .4s ease-in-out;transition:max-height .4s ease-in-out}.nav-items{padding:1rem 3rem;margin:auto;display:block;text-align:center}.menu-open+.nav-links{-webkit-transition:max-height .4s ease-in-out;transition:max-height .4s ease-in-out;max-height:600%}.logo{margin-left:1rem}.hamburger-box{margin-right:1rem;float:right;width:1.7rem;border-radius:100vh;cursor:pointer;padding:1.5rem 1rem;visibility:visible}.hamburger{position:relative;display:block}.hamburger,.hamburger:after,.hamburger:before{width:1.65rem;height:.1875rem;background:#fff;-webkit-transition-property:-webkit-transform opacity background-color;transition-property:-webkit-transform opacity background-color;transition-property:transform opacity background-color;transition-property:transform opacity background-color,-webkit-transform opacity background-color;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-webkit-transition-duration:1s;transition-duration:1s}.hamburger:after,.hamburger:before{position:absolute;content:"";left:0}.hamburger:before{bottom:.5rem}.hamburger:after{top:.5rem}.hamburger-box:hover .hamburger{-webkit-animation:slide 1.5s .2s infinite;animation:slide 1.5s .2s infinite}.hamburger-box:hover .hamburger:after{-webkit-animation:slide 1s .5s infinite;animation:slide 1s .5s infinite}.hamburger-box:hover .hamburger:before{-webkit-animation:slide 2s infinite;animation:slide 2s infinite}@-webkit-keyframes slide{0%{width:1.65rem}50%{width:.7rem}to{width:1.65rem}}@keyframes slide{0%{width:1.65rem}50%{width:.7rem}to{width:1.65rem}}.menu-open .hamburger{background-color:transparent;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation:none;animation:none}.menu-open .hamburger:before{-webkit-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg);-webkit-animation:none;animation:none}.menu-open .hamburger:after{-webkit-transform:translateY(-8px) rotate(45deg);transform:translateY(-8px) rotate(45deg)}.menu-open .hamburger-box:hover .hamburger,.menu-open .hamburger-box:hover .hamburger:after,.menu-open .hamburger-box:hover .hamburger:before,.menu-open .hamburger:after{-webkit-animation:none;animation:none}}.home-container{display:flex;min-height:85vh;min-width:100%;position:relative;z-index:2}.home-lazyload-low-res{z-index:-3;background:url(/portfolio/static/media/mountain-top-720.b0acd5bf.jpg)}.home-lazyload-mid-res{z-index:-2;background:url(/portfolio/static/media/mountain-top-1080.df3723e6.jpg)}.home-lazyload-high-res{z-index:-1;background:url(/portfolio/static/media/mountain-top-4k.257c8a86.jpg)}.home-lazyload-high-res,.home-lazyload-low-res,.home-lazyload-mid-res{background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;background-blend-mode:multiply;min-height:100%;min-width:100%;position:absolute}.hero-overlay{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),color-stop(17%,rgba(0,0,0,.73)),color-stop(35%,rgba(0,0,0,.66)),color-stop(62%,rgba(0,0,0,.55)),to(rgba(0,0,0,.4)));background:linear-gradient(180deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.73) 17%,rgba(0,0,0,.66) 35%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.4));background-attachment:fixed;min-height:85vh;min-width:inherit}.home-text{min-height:inherit}.home-title{color:#fff;font-family:Lato,sans-serif;letter-spacing:3px;font-weight:300;text-align:center;font-size:3.8rem;margin-top:0;margin-bottom:1.8rem;padding-top:29vh;-webkit-animation:fadeInDown 1s;animation:fadeInDown 1s}.home-description-container{display:flex;justify-content:center;-webkit-animation:fadeInUp 1s;animation:fadeInUp 1s}.home-normal-text,.home-typing-text{color:#fff;text-align:center;font-family:Josefin Sans,sans-serif;font-size:1.2rem;-webkit-animation:fadeInUp 1s;animation:fadeInUp 1s}.home-blinking-cursor{margin-left:.1rem;-webkit-animation:blinking 1s infinite;animation:blinking 1s infinite}.home-arrow-container{align-items:center;height:4rem;width:4rem;margin:13rem auto auto}.home-arrow-container:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.home-arrow-container:hover .expand-more-icon{fill:#fff}@media only screen and (max-height:850px){.home-arrow-container{margin-top:9rem}}@media only screen and (max-height:420px){.home-arrow-container{margin-top:2rem}}.expand-more-icon{height:4rem;width:4rem;fill:#ccc;cursor:pointer;-webkit-animation:fadeInDown 1s forwards;animation:fadeInDown 1s forwards;opacity:0;-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}60%{opacity:.3}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}60%{opacity:.3}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(400%);transform:translateY(400%)}60%{opacity:.3}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(400%);transform:translateY(400%)}60%{opacity:.3}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes blinking{0%{color:#fff}49%{color:#fff}60%{color:transparent}99%{color:transparent}to{color:#fff}}@keyframes blinking{0%{color:#fff}49%{color:#fff}60%{color:transparent}99%{color:transparent}to{color:#fff}}.project-card-container{z-index:10;border-radius:5px;box-sizing:border-box;background:#d3d3d3;overflow:hidden;position:relative;margin:1rem;max-width:29%;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}@media only screen and (max-width:900px){.project-card-container{max-width:44%}}@media only screen and (max-width:700px){.project-card-container{max-width:48%;margin:.2rem}}@media only screen and (max-width:480px){.project-card-container{margin:0 0 .2rem;max-width:90%}}.project-card-image{z-index:-10;width:100%;max-width:100%;height:100%}.project-card-overlay{width:100%;height:100%;position:absolute;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;cursor:pointer}.project-card-overlay:hover{background-color:rgba(20,20,20,.6)}.project-card-title{position:absolute;background-color:#3094ce;color:#fff;bottom:-2rem;left:0;right:0;width:inherit;opacity:0;text-align:center;letter-spacing:1px;font-size:1.1rem;font-weight:300;margin:0;padding:.5rem 0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.project-card-overlay:hover .project-card-title{bottom:0;left:0;right:0;opacity:1}.icon-visible{text-align:center;position:absolute;opacity:0;color:#fff;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;font-size:1.3rem;top:-1rem;left:0;right:0;padding:0 1rem}.project-card-overlay:hover .icon-visible{top:40%;left:0;right:0;opacity:1}.projects-container{display:flex;flex-direction:column;padding:3rem 0;min-width:100%;max-width:100%;background-color:#fff;margin-top:0;position:relative}.projects-title{font-family:Lato,sans-serif;font-weight:400;text-align:center;margin:1.5rem 1rem 0;-webkit-user-select:none}.projects-row-container{width:auto;display:flex;flex-direction:row;flex-wrap:wrap;margin:2rem;justify-content:center}@media only screen and (max-width:480px){.projects-row-container{margin:1rem}}.skills-container{display:flex;flex-direction:column;padding:3rem 0;min-width:100%;max-width:100%;background:#f0f0f0}.skills-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%;height:inherit}.skills-column{width:30%}@media only screen and (max-width:870px){.skills-column{width:40%}}@media only screen and (max-width:660px){.skills-column{width:70%}}@media only screen and (max-width:390px){.skills-column{width:90%}}.skills-title{font-weight:400;-webkit-user-select:none}.skills-category-title,.skills-title{text-align:center;font-family:Lato,sans-serif}.skills-category-title{font-size:1.5rem;font-weight:600}.skills-svg-container{display:flex;flex-wrap:wrap;justify-content:center}.skills-card{background:#fff;border-radius:.5rem;margin:.5rem}.skills-card:hover{-webkit-transform:translateY(-.2rem);transform:translateY(-.2rem);box-shadow:0 .4rem 1rem rgba(0,0,0,.3)}.skills-svg{margin:1rem;height:5rem;width:5rem}.skills-svg-name{font-family:Lato,sans-serif;font-size:1.1rem;text-align:center;margin-top:0;-webkit-user-select:none}.about-container .about-inner-container{display:flex;justify-content:center;align-items:center;min-width:100%;max-width:100%;padding:3rem 0}.about-inner-container{flex-direction:column;min-width:0;max-width:35rem}.about-title{font-family:Lato,sans-serif;font-weight:400}.about-description,.about-title{text-align:center;-webkit-user-select:none}.about-description{line-height:1.6;max-width:35rem;padding:0 1rem}.about-link{text-decoration:none;font-weight:600;color:#0077b5}.about-link:visited{color:#005481}.about-image{height:18rem;width:30rem}@media only screen and (max-width:600px){.about-image{height:10rem;width:20rem}}.contact-container{display:flex;flex-direction:column;min-width:100%;max-width:100%;padding:3rem 0;background:#f0f0f0}.contact-title{font-family:Lato,sans-serif;font-weight:400}.contact-description,.contact-title{text-align:center;-webkit-user-select:none}.contact-svg-container{display:flex;justify-content:center}.contact-svg{height:4rem;width:4rem;padding:1rem}.contact-svg:hover{-webkit-transform:translateY(-.3rem);transform:translateY(-.3rem)}.footer-container{background-color:#222;color:hsla(0,0%,100%,.6);text-align:center;padding:2rem}.project-overlay{position:fixed;top:0;left:0;width:100%;height:100%;padding-right:15px;z-index:1000;overflow-y:auto;display:none;--speed:0.3s}.overlay-active{display:block}.project-overlay .backdrop{background-color:rgba(1,1,1,.5);position:absolute;top:0;right:0;left:0;min-height:100%;z-index:-1;opacity:0;-webkit-animation:fadeIn var(--speed) forwards;animation:fadeIn var(--speed) forwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-overlay .backdrop-active{-webkit-animation:fadeOut var(--speed) forwards;animation:fadeOut var(--speed) forwards}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.project-overlay .content-box{background-color:#fff;border-radius:3px;box-shadow:0 5px 15px rgba(0,0,0,.5);width:auto;margin:5rem 10px 10px;z-index:10;overflow-y:auto;-webkit-animation:slideInFromTop var(--speed) forwards;animation:slideInFromTop var(--speed) forwards}@-webkit-keyframes slideInFromTop{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromTop{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.project-overlay .content-overlay-active{-webkit-animation:slideOutToTop var(--speed) forwards;animation:slideOutToTop var(--speed) forwards}@-webkit-keyframes slideOutToTop{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutToTop{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.modal-header{padding:1rem;display:flex;background-color:#f0f0f0}.modal-header .project-title{text-align:center;margin:0 auto;font-size:1.5rem}.modal-header .close-modal-icon{font-size:1.5rem;cursor:pointer;color:grey}.modal-image-container{margin:1rem}.modal-image{width:100%}.modal-description{margin:2rem 10%;text-align:center;white-space:pre-wrap;line-height:1.4rem}.modal-link-container{margin:1rem 20%;display:grid;grid-template-columns:1fr 1fr;place-items:center}.modal-link{text-decoration:none;color:#3094ce;padding:.5rem;border:1px solid #d3d3d3;border-radius:3px}.modal-link:hover{color:#fff;background-color:#3094ce}.modal-link:active{-webkit-filter:brightness(90%);filter:brightness(90%)}.modal-link:focus{outline-color:#3094ce}@media only screen and (min-width:700px){.project-overlay .content-box{margin:5rem auto;width:40rem}}.app-container{display:flex;flex-direction:column;position:relative}*{font-family:Proxima Nova,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;padding:0}
/*# sourceMappingURL=main.cc43b3be.chunk.css.map */