@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#fcfcfc;font-size:12px}*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#000;font-optical-sizing:auto;margin:0;transition:all 1s}li,p{letter-spacing:1px}#root{align-items:center;display:flex;flex-direction:column;justify-content:center}.background-vid{aspect-ratio:unset;left:0;min-height:100vh;min-width:100vw;opacity:.2;position:fixed;top:0;z-index:-1}:root{--horizontal-padding:2rem;--horizontal-margin:2rem;--background-color:#fcfcfc66}@media (max-width:720px){:root{--horizontal-padding:.5rem;--horizontal-margin:1rem}}.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}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.MyProfile{background-color:#f2f2f2;box-shadow:0 4px 60px 0 #0000000d;display:flex;flex-direction:column;height:100vh;left:0;position:-webkit-sticky;position:sticky;top:0;width:400px;picture{aspect-ratio:1;width:100%;*{height:100%;object-fit:cover;width:100%}}.info{display:flex;flex-direction:column;padding:1.25rem;.copy{display:flex;flex-direction:column;gap:.5rem;*{text-align:left}h1{font-size:1.25rem}p{font-size:1rem}}}}@media (max-width:1200px){.LandingPage aside.MyProfile{align-items:center;flex-direction:row;height:-webkit-fit-content;height:fit-content;padding:24px 0;position:static;width:100%;picture{aspect-ratio:1;border-radius:100%;height:200px;margin:2rem;overflow:hidden;width:200px}.info{flex:1 1;flex-direction:column}}}@media (max-width:500px){.LandingPage aside.MyProfile{flex-direction:column;.info .copy *{text-align:center}picture{height:120px;margin:1rem;width:120px}}}.project-card-array{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);padding:2rem;width:100%}@media (max-width:740px){.project-card-array{display:flex;flex-direction:column}}.Project-Card{background-color:#e8e8e8;border-radius:.5rem;box-shadow:5px 5px 20px 0 #bebebe,-5px -5px 24px 0 #fff3;display:flex;flex-direction:column;overflow:hidden;width:100%;picture{height:400px;overflow:hidden;width:100%;*{height:100%;object-fit:cover;width:100%}&:hover *{scale:1.5}}.label{display:flex;flex-direction:column;gap:.5rem;padding:1rem;.category-list li,.name{text-align:left}.name{font-size:1rem;font-weight:700}.category-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;li{font-size:.75rem;list-style:none;text-transform:uppercase}}}}.standard-footer{background-color:#2f4157;display:flex;flex-direction:column;gap:1rem;padding:2rem;h2,h3,h4,h5,h6,li,p{color:#fff}button{width:-webkit-fit-content;width:fit-content}}.contact-me{flex-direction:column;gap:.5rem;max-width:1280px;width:100%}.LandingPage,.contact-me{display:flex}.LandingPage{flex-direction:row;.main-column{flex-direction:column;width:100%}}@media(max-width:1200px){.LandingPage{flex-direction:column}}.landing-header{align-items:center;display:flex;justify-content:center;width:100%;.container{align-items:center;background-color:var(--background-color);border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:0 var(--horizontal-margin);max-width:1280px;padding:4rem var(--horizontal-padding);text-align:center;width:100%;p{max-width:640px}}}.project-card{display:flex;flex-direction:column;gap:.5rem;text-decoration:none;.pic-wrapper{aspect-ratio:3/2;overflow:hidden;position:relative;picture *{height:100%}p{background-color:#e6e6e6e6;border:1px solid #0000;left:0;margin:.5rem;padding:.25rem .5rem;position:absolute;top:0;z-index:1}}&:hover{.pic-wrapper{picture *{scale:1.1}p{background-color:#fff;border:1px solid #c8c8c8}}&.comingsoon .pic-wrapper picture *{scale:1}}.name{opacity:.7}}.work-feed{grid-gap:2rem;background-color:var(--background-color);border:1px solid #e6e6e6;display:grid;gap:2rem;grid-template-columns:repeat(12,1fr);margin:0 var(--horizontal-margin);max-width:1280px;padding:2rem var(--horizontal-padding);&>.small{grid-column:span 2}&>.med{grid-column:span 6}}@media(max-width:1080px){.work-feed{display:flex;flex-direction:row;flex-wrap:wrap;&>*{flex:1 1 300px}}}.error-page{align-items:center;display:flex;justify-content:center;width:100%;div{border:1px solid #e6e6e6;display:flex;flex-direction:column;gap:.5rem;height:90vh;justify-content:center;margin:0 var(--horizontal-margin);max-width:1280px;padding:var(--horizontal-padding);text-align:center;width:100%}}.main-nav{align-items:center;display:flex;justify-content:center;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2;ul{align-items:center;background-color:#fcfcfc;border-bottom:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;display:flex;flex-direction:row;gap:2rem;justify-content:center;margin:0 var(--horizontal-margin);max-width:1280px;padding:1rem var(--horizontal-padding);width:100%;li{list-style:none;*{text-decoration:none;&.active{color:#000;font-weight:600}&.inactive{color:#777;&:hover{color:#000}}}}}}.main-footer{align-items:center;display:flex;justify-content:center;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:2;.wrapper{align-items:top;background-color:var(--background-color);border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;display:flex;flex-direction:row;gap:2rem;justify-content:center;justify-content:space-between;margin:0 var(--horizontal-margin);max-width:1280px;padding:1rem var(--horizontal-padding);width:100%;.copy{display:flex;flex:3 1;flex-direction:column;gap:1.25rem;input,textarea{border:1px solid #e6e6e6;font-family:Inter,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;padding:.25rem .5rem}button{all:unset;align-self:self-end;background-color:#0000;border:1px solid #777;font-family:Inter,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;padding:.5rem 2rem;transition:all .5s ease-in;width:-webkit-fit-content;width:fit-content;&:hover{background-color:#555;color:#fff}}}p{font-size:1.5rem}ul{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:0;text-align:right}li{list-style:none;*{text-decoration:none;&.active{color:#000;font-weight:600}&.inactive{color:#777;&:hover{color:#000}}}}}}@media (max-width:500px){.main-footer .wrapper{align-items:flex-start;flex-direction:column;justify-content:flex-start;.copy{width:100%}ul{align-self:center;flex-direction:row;flex-wrap:wrap;gap:2rem;padding-bottom:2rem}}}
/*# sourceMappingURL=main.1a5aec8e.css.map*/