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{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.navigation{background:#000;display:flex;height:10vh;justify-content:center;position:fixed;width:100%;z-index:1}.navigation-item{color:#fff;font-size:1.2em;margin:0 2em;padding:1.5em 0;text-decoration:none}.page{background:#ffe;display:flex;flex-direction:column;font-size:2em;height:100vh;justify-content:center}.page .name{left:0;max-height:100vh;overflow:hidden;position:absolute;text-align:center;width:100%}.page .name h1{font-size:5em;margin:0;text-transform:uppercase}.page .name.first-name{top:-.55em}.page .name.last-name{bottom:-.5em}.page h1{margin-bottom:0;text-align:center}.page p{font-size:.5em;line-height:1.5;margin:0 30%;width:40%}.portfolio-grid{display:flex;flex-direction:column}.portfolio-grid .portfolio-card{display:flex;height:90vh}.portfolio-grid .portfolio-card h2{text-align:center}.portfolio-grid .portfolio-card .gallery img{width:300px}.slide-in{background:#0003;transform-origin:bottom}.slide-in,.slide-out{height:100vh;left:0;position:fixed;top:0;width:100%}.slide-out{background:orange;transform-origin:top}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-wrapper{display:flex;flex-direction:row;margin:10%;width:80%}.image-wrapper img{align-self:flex-start;border-radius:.4em;width:20%}.image-wrapper .introduction-paragraph{align-content:center;align-self:center;display:flex;flex-direction:column;width:80%}.image-wrapper .introduction-paragraph p{font-size:.5em;height:auto;line-height:1.5;margin:.5em 10%;width:90%}@media(max-width:768px){.image-wrapper{display:block}.image-wrapper img{height:auto;margin-bottom:1em;width:100%}.image-wrapper .introduction-paragraph{width:100%}.image-wrapper .introduction-paragraph p{margin:.5em 0;width:100%}.page .name{left:0;overflow:hidden;position:absolute;text-align:center;width:100%}.page .name h1{font-size:2em;margin:0;text-transform:uppercase}.page .name.first-name{top:0}.page .name.last-name{top:1.5em}}
/*# sourceMappingURL=main.0c590220.css.map*/