body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--off-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{--primary-color:#88aed0;--secondary-color:#848484;--white:#fff;--off-white:#f4f4f4;--light-gray:#c4c4c4}.App{text-align:center}.App.no-scroll{height:100vh;overflow-y:hidden}h1{font-family:Source Sans Pro,sans-serif;font-size:50px;font-weight:900;letter-spacing:.0625em}#about{background-color:var(--secondary-color);color:var(--white);padding:5em 2em}.home-about{grid-column-gap:2em;column-gap:2em;display:grid;grid-template-areas:"a c" "b c";grid-template-columns:2fr 1fr;grid-template-rows:5em 1fr;height:100%;margin:0 auto;width:70%}.home-about>h1{border-bottom:10px solid var(--primary-color);grid-area:a;margin:0;padding-bottom:10px;text-align:left}.home-about>span{font-family:Roboto,sans-serif;font-size:20px;grid-area:b;line-height:1.3em;text-align:left}.home-about>img{grid-area:c;height:auto;margin:auto;max-width:300px;width:-webkit-fit-content;width:fit-content}.home-projects>h1{margin-bottom:5px;text-align:center}.home-projects>h3{font-family:Source Pro Sans,Raleway,sans-serif;letter-spacing:.05em;margin:0 0 15px;text-align:center}#home-project-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin:0 auto;max-width:1300px;padding:1em 2em}#home-project-container>*{flex:1 0 33%}#projects-button{background-color:#e7e7e7;border:2px inset #000;color:#000;display:inline-block;margin-bottom:5%;padding:10px 15px;text-decoration:none}#projects-button:hover{background-color:#a7a7a7}@media only screen and (max-width:900px){#about{padding:5em 0}.home-about{column-gap:0;grid-template-areas:"a" "b" "c";grid-template-columns:1fr}.home-about>img{max-width:100%}}.header{align-items:center;background-color:var(--off-white);border-bottom:5px solid #000;color:var(--off-white);display:flex;flex-direction:row;height:-webkit-fit-content;height:fit-content;justify-content:center;padding:50px 0;width:100%}#header-photo,#header-text{margin:0 50px}#header-photo{box-shadow:-20px -10px 0 0 var(--off-white),-20px -10px 0 5px var(--primary-color);height:300px;width:auto}#header-text{max-width:350px}#header-text>h1{background-color:var(--primary-color);box-shadow:-20px -10px 0 0 var(--off-white),-20px -10px 0 5px var(--secondary-color);color:var(--white);display:block;font-size:30px;padding:10px 15px;text-transform:uppercase}#header-text>h1,#header-text>p{font-family:Roboto,futura-pt,Futura,sans-serif}#header-text>p{color:var(--secondary-color);font-size:20px;left:-2px;position:relative;text-align:left}.nav{background:#0000;display:flex;flex-direction:row;height:50px;justify-content:flex-end;margin-right:30px;padding:15px 0;position:absolute;right:0;top:0;width:100vw;z-index:5}.nav-default{display:block}.nav-mobile{display:none}.nav-item{color:var(--primary-color);float:right;font-family:Roboto,futura-pt,Futura,sans-serif;font-size:1em;font-style:normal;font-weight:700;letter-spacing:3px;line-height:2em;margin:5px 20px;padding:5px;text-decoration:none;text-transform:uppercase}.nav-item:hover{color:var(--secondary-color)}#nav-burger{cursor:pointer;height:25px;position:relative;right:-33px;transform:rotate(0deg);transition:.5s ease-in-out;width:33px;z-index:3}#nav-burger>span{background-color:var(--primary-color);border-radius:5px;display:block;height:5px;left:0;opacity:1;position:absolute;transform:rotate(0deg);transition:.25s ease-in-out;width:100%}#nav-burger:hover>span{background-color:var(--secondary-color)}#nav-burger>span:first-child{top:0;transform-origin:left center}#nav-burger>span:nth-child(2){top:10px;transform-origin:left center}#nav-burger>span:nth-child(3){top:20px;transform-origin:left center}#nav-burger.expanded>span{background-color:#fff}#nav-burger.expanded:hover>span{background-color:var(--light-gray)}#nav-burger.expanded>span:first-child{left:4px;top:-2px;transform:rotate(45deg)}#nav-burger.expanded>span:nth-child(2){opacity:0;width:0}#nav-burger.expanded>span:nth-child(3){left:4px;top:22px;transform:rotate(-45deg)}#nav-mobile-slideout{background-color:#444;display:flex;flex-direction:column;height:100vh;padding-top:60px;position:fixed;right:0;top:0;transition:width .5s ease;width:0}#nav-mobile-slideout.expanded{max-width:80%;transition:width .5s ease;width:300px}.nav-mobile-item{color:#fff;font-family:Roboto,futura-pt,Futura,sans-serif;font-size:1em;font-style:normal;font-weight:700;letter-spacing:3px;line-height:2em;padding:15px 10px;text-decoration:none;text-transform:uppercase}.nav-mobile-item:hover{color:var(--light-gray)}@media only screen and (max-width:700px){.header{flex-direction:column}#header-photo,#header-text{margin:50px 50px 15px}}@media only screen and (max-width:1000px){.nav-default{display:none}.nav-mobile{display:block}}.footer{background-color:var(--secondary-color);bottom:0;height:-webkit-fit-content;height:fit-content;padding:30px 0;text-align:center;width:100%}.socials{display:flex;flex-direction:row;justify-content:space-evenly;margin:0 auto;width:25%}.socials>a{color:var(--white);font-size:25px;padding:15px}.socials>a:hover{color:var(--light-gray)}#footer-resume{color:var(--white);font-family:Roboto,futura-pt,Futura,sans-serif;font-size:1em;font-style:normal;font-weight:700;letter-spacing:3px;line-height:2em;text-decoration:none;text-transform:uppercase}#footer-resume:hover{color:var(--light-gray)}.thumbnail{background-color:#f0f0f0;box-shadow:5px 5px 3px rgba(0,0,0,.164);display:flex;flex-direction:column;height:auto;margin:30px 15px;max-width:300px;padding:20px 20px 15px;width:20%}.thumbnail-image{height:auto;width:100%}.thumbnail-title{border-bottom:3px solid var(--primary-color);font-family:Anton,sans-serif;font-size:25px;font-weight:500;letter-spacing:3px;margin:0 0 15px;text-align:left;text-transform:uppercase}.thumbnail-description{font-family:Roboto,sans-serif;line-height:1.3em;margin:0 0 30px;padding:0;text-align:left}.thumbnail-link{color:#3d91db;float:right;margin-top:10px;text-align:right;text-decoration:none}.thumbnail-link:hover{color:var(--primary-color)}#thumbnail-content{flex:auto}.projects,.projects-list{background-color:var(--white)}.projects-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;margin:0 auto;max-width:1300px;padding:1em 2em}.projects-list>*{flex:1 0 33%}
/*# sourceMappingURL=main.0c1b1360.css.map*/