body{margin:0;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}.NavBar{text-align:left;position:fixed;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;width:100%;box-sizing:border-box;padding-top:18px;padding-bottom:18px;transition:background-color .35s ease}.NavBar-sticky{background-color:#2049b8;transition:background-color .15s ease}.NavBar h2{text-align:left;margin:0;color:#fff;display:none}.NavBar-menu{display:-webkit-flex;display:flex;list-style:none;margin:0;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:0;width:100%}.NavBar-menu li{cursor:pointer;margin:0 10px}@media screen and (min-width:700px){.NavBar h2{display:block}.NavBar-menu{width:auto}}#top-arrow{position:fixed;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;transition:opacity .3s ease;background-color:#2049b8;border-radius:50%;bottom:70px;right:10px;width:70px;height:70px;cursor:pointer;z-index:10}#top-arrow:hover{background-color:#1c40a5}#top-arrow img{width:20px;height:auto}.About{text-align:center;-webkit-flex-direction:column;flex-direction:column}.About,.About-row{display:-webkit-flex;display:flex}.About-row{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.About-col{width:100%;margin-top:20px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}@media screen and (min-width:1300px){.About-row{-webkit-flex-direction:row;flex-direction:row}.About-col{width:50%;margin:0 18px}}.About-col h3{margin-top:0}.About-col p{text-align:left;text-indent:2em}.About-image{width:100%;height:auto;box-shadow:10px 10px 10px rgba(0,0,0,.5)}.App-banner{max-width:100%;width:100%;height:auto;background-size:cover}.App-banner h2{font-size:60px;color:#fff;margin:0}.App-banner h3{font-size:35px;color:#fff;margin:0;font-weight:500}.Banner-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;text-align:center}@media screen and (min-width:700px){.Banner-container{-webkit-flex-direction:column;flex-direction:column;text-align:left;-webkit-align-items:flex-start;align-items:flex-start}.Socials-container{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}}.Banner-headshot{width:160px;height:auto;border-radius:50%;margin:60px 0 30px}.Socials-container{display:grid;grid-template-columns:repeat(4,1fr);padding-top:18px;grid-gap:15px;gap:15px}.Socials-container img{width:50px;height:auto}.Project{margin-top:18px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.Project-col-left,.Project-col-right{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.Project-col-right{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.Project-image{width:570px;max-width:100%;height:auto}.Project-info h3{margin:0}.Project-info h3,.Project-info p{text-align:center}.Project-year{color:#bbb;font-size:16px;margin:8px 0}.Project-buttons{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-bottom:20px;width:100%}.Project-button{margin:0 10px}@media screen and (min-width:800px){.Project{-webkit-flex-direction:row;flex-direction:row}.Project-col-left,.Project-col-right{width:50%;display:-webkit-flex;display:flex}.Project-col-right{-webkit-justify-content:flex-start;justify-content:flex-start;margin-left:18px}.Project-info h3,.Project-info p{text-align:left}.Project-buttons{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:20px;width:100%}.Project-button{margin-right:10px;margin-left:0}}.Button-container{border-radius:8px;border:none;cursor:pointer;background-color:#2049b8;outline:none;padding:10px;transition:background-color .3s ease;font-size:16px;text-decoration:none;color:#fff}.Button-container:hover{background-color:#1c40a5}.App{text-align:center;color:#fff;background-color:#18171c;min-height:100vh;font-size:22px;font-family:"Roboto",sans-serif}li{padding:8px;border-radius:8px;transition:background-color .3s ease}li:hover{background-color:hsla(0,0%,100%,.2)}a img{padding:8px;border-radius:8px;transition:background-color .3s ease}a:hover>img{background-color:hsla(0,0%,100%,.2)}hr{height:1px;background-color:#26252c;border:none;margin:0 30px}section{padding:40px 30px}@media screen and (min-width:700px){section{padding:40px 200px}hr{margin:0 30px}}@media screen and (min-width:1200px){section{padding:40px 220px}}@media screen and (min-width:2000px){section{padding:40px 450px}}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.e7aafa35.chunk.css.map */