body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa;font-family:Roboto,sans-serif}h1,h2{font-family:Roboto Slab,serif}h3{font-family:Raleway,sans-serif}.About{display:grid;margin:7em .7em 0;grid-template-columns:30% auto;grid-template-rows:25% auto auto}.about-img{width:100%;border-radius:20%;margin-top:1em}.about-imgcontainer{display:flex;align-items:center;grid-row:1/span 2}.about-span{margin-left:2em}.about-hello{margin-top:1em;margin-left:1em}.about-desc{margin-left:1em;grid-column:2/span 1;grid-row:2/span 1}.about-p{margin-top:0;margin-bottom:0}.about-desc2{grid-column:1/span 2}.hide-until{display:none}@media screen and (min-width:480px){.About{margin:8em .7em 0}}@media screen and (min-width:590px){.About{margin:9em .7em 2em}}@media screen and (min-width:680px){.About{margin:10em .7em 2em}}@media screen and (min-width:750px){.About{margin:13em .7em 2em}.hide-until{display:block}.about-p,.hide-until{margin-top:1em}.about-desc2{display:none}}@media screen and (min-width:1060px){.About{margin:16em .7em 2em}}@media screen and (min-width:1380px){.About{margin:15em .7em 2em}.about-img{width:70%}.about-imgcontainer{display:flex;justify-content:center}}.Portfolio{padding:1.5em;text-align:center;background-color:#0a0a0a}.portfolio-grid{display:grid;grid-template-columns:1fr}.portfolio-img{width:100%;border-radius:5px;margin-bottom:1em}.portfolio-text{color:#f5f5f5;margin-bottom:0;margin-top:0}@media screen and (min-width:768px){.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-item{margin:1em}}.portfolio-img{aspect-ratio:16/9;object-fit:cover;display:block}.portfolio-img-data{object-position:left center}.portfolio-item{overflow:hidden}.Contact{padding:1em}.contact-icons{display:flex;justify-content:center}.contact-icon{padding-left:.5em;padding-right:.5em}.contact-footer{display:flex;justify-content:center;align-items:center}.contact-copyright{padding-left:.5em;padding-right:.5em}a{color:inherit}.App-header{display:grid;grid-template-columns:25% 50% 25%;align-items:center;background-color:#fff;box-shadow:0 4px 6px 2px #d4d5d6;padding:1em;position:fixed;top:0;left:0;width:100%;background-color:#fafafa}a{text-decoration:none}.name-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:auto;margin-right:auto}.name-desc{margin-top:0}.name-header{margin-bottom:0}.App-logo{width:60%}.nav{display:flex}.link,.logo-area{display:flex;align-items:center;justify-content:center}.link{width:100%;height:100%}@media screen and (min-width:780px){.nav{font-size:.8em}.nav-text{margin:.2em}}@media screen and (min-width:1024px){.name-container{font-size:1.2em}.nav-text{font-size:1.3em;margin:.25em}.App-logo{width:100%}}@media screen and (min-width:1400px){.name-container{font-size:1.8em}.nav-text{font-size:1.5em;margin:.4em}}.drawer-logo{display:block;margin-left:auto;margin-right:auto;width:30%;padding-bottom:.5em;padding-top:.2em}.nav-list{display:flex}@media screen and (max-width:780px){.nav-list{display:none}}@media screen and (min-width:780px){.bars-button{display:none}}.PortfolioDetail{display:flex;height:100vh;flex-flow:column nowrap}.detail-contact{margin-top:auto}.detail-body{margin-top:10em}.portfolio-detail-text{color:#000;text-align:center}.detail-img{width:100%;border-radius:5px;margin-bottom:1em}.image-container{padding-left:1em;padding-right:1em}.detail-description{background-color:#0a0a0a;min-height:35vh;color:#fff}.detail-text{display:flex;flex-flow:column;padding:1.5em 0;margin:0 1em;align-items:center}.detail-link{margin-top:.5em;text-decoration:underline}@media screen and (min-width:900px){.PortfolioDetail{margin-top:2em}}@media screen and (min-width:1320px){.PortfolioDetail{margin-top:5em}.image-container{display:flex;justify-content:center}.detail-img{width:80%}.detail-text{display:flex;flex-flow:column;height:35vh;margin:0 12em;align-items:center}}
/*# sourceMappingURL=main.d8e25d18.chunk.css.map */