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}.my-component-container{align-items:left;background:#fff;display:flex;flex-direction:column;margin-bottom:0;overflow:hidden;padding:20px;width:100%}.profile-container{align-items:left;display:flex;margin-left:10%;margin-top:40px}.profile-picture{background:#ccc;border-radius:50%;height:100px;overflow:hidden;width:100px}.profile-image{height:100%;object-fit:cover;width:100%}.hamburger-menu{cursor:pointer;display:flex;flex-direction:column;height:24px;justify-content:space-between;margin-left:calc(60% - 100px);width:30px}.hamburger-menu .line{background-color:#000;height:2px;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;width:100%}.hamburger-menu.open .line:first-child{-webkit-transform:rotate(45deg) translate(7.5px,7.5px);transform:rotate(45deg) translate(7.5px,7.5px)}.hamburger-menu.open .line:nth-child(2){opacity:0}.hamburger-menu.open .line:nth-child(3){-webkit-transform:rotate(-45deg) translate(7.5px,-7.5px);transform:rotate(-45deg) translate(7.5px,-7.5px)}.text-container{display:flex;justify-content:left;margin-bottom:10%;margin-left:10%;padding-top:4em;width:100%}.large-text{flex-direction:column;font-size:64px;font-style:italic;font-weight:700;text-align:left;width:40%}.description-container{display:flex;flex-direction:column;justify-content:left;padding-top:3em;width:30%}.small-text{font-size:18px;line-height:25px;text-align:left}.modal{align-items:center;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:#fff;display:block;height:0;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.modal,.modal.open{-webkit-animation-name:modalOpen;animation-name:modalOpen}.modal.close{-webkit-animation-name:modalClose;animation-name:modalClose}@-webkit-keyframes modalOpen{0%{height:0;opacity:.5}to{height:100vh;opacity:1}}@keyframes modalOpen{0%{height:0;opacity:.5}to{height:100vh;opacity:1}}@-webkit-keyframes modalClose{0%{height:100%;opacity:0}to{height:0;opacity:0}}@keyframes modalClose{0%{height:100%;opacity:0}to{height:0;opacity:0}}.modal-content{background:#fff;border-radius:4px;max-width:400px;padding:20px}.overlay{position:relative;z-index:99999}@media only screen and (max-width:900px){.text-container{display:inline-block}.description-container{width:80%}.large-text,.small-text{width:100%}}.menu-time{margin:10px 100px 8px;width:intrinsic}.menu-time,.navigation-menu{color:#fff;font-size:40px;font-weight:700;text-align:left}.navigation-menu{background-color:#fff;margin-bottom:8px;margin-left:40%;margin-top:30%;width:450px}.navigation-menu ul{list-style-type:none;margin:0;padding:0}.navigation-menu li{padding:20px}.navigation-menu li:last-child{border-bottom:none}.navigation-menu li a{color:#000;font-style:italic;text-decoration:none}.navigation-menu li a:hover{color:#000;font-weight:700}@media only screen and (max-width:900px){.navigation-menu{font-size:32px;margin-left:0}}.carousel-container{display:flex;flex-direction:column;width:100%}.carousel-wrapper{display:flex;overflow:hidden;position:relative;width:100%}.carousel-content-wrapper{height:100%;overflow:hidden;width:100%}.carousel-content{-ms-overflow-style:none;display:flex;scrollbar-width:none;transition:all 1s ease-in-out}.carousel-content::-webkit-scrollbar{display:none}.carousel-content>*{flex-grow:1;flex-shrink:0;width:100%}.project-container{background-color:#000;display:flex;width:100%}@media only screen and (max-width:900px){.project-container{flex-direction:column}}.project-link{cursor:pointer;text-decoration:none}.image-container{display:flex;overflow:hidden}.image-container img{height:auto;min-height:576px;object-fit:cover;width:100%}@media only screen and (max-width:900px){.image-container img{min-height:0}}.heroproject-text-container{background-color:#000;overflow:hidden;width:100%}.subject{font-size:21px;margin:100px 100px 10px;-webkit-text-decoration:"none";text-decoration:"none"}.subject,.title{color:#fff;text-align:left}.title{font-size:40px;font-weight:700;margin:10px 100px 8px;width:intrinsic}.description{color:#fff;font-size:18px;line-height:25px;margin-left:100px;margin-right:100px;text-align:left}.hover-underline-animation{color:#000;position:relative}.hover-underline-animation:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.hover-underline-animation:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}@media only screen and (max-width:900px){.description{margin-bottom:4rem}.description,.subject,.title{margin-left:10%;margin-right:10%}.title{text-decoration:underline}.hover-underline-animation:hover:after{-webkit-transform:scaleX(0);transform:scaleX(0)}}.footer-container{align-content:center;display:flex;margin-bottom:50px;margin-left:10%;margin-top:200px;position:relative;width:100%}.column{font-size:14px;font-weight:700}.column,.column-social{flex:1 1;text-align:left}.column-social{flex-direction:column}.footer-text{font-size:14px;font-weight:lighter;margin-bottom:10px;margin-top:10px;text-align:left}.social-img{height:40px;margin-right:10px;margin-top:10px;overflow:hidden;width:40x}@media only screen and (max-width:900px){.footer-container{display:inline-block;margin-top:100px}.column{margin-top:3rem}}.portfolio-text-container{align-content:left;display:flex;margin-bottom:50px;margin-left:0;margin-top:200px;position:relative;width:80%}.text-column{flex:1 1;font-size:24px;font-style:italic;font-weight:700;text-align:left}.portfolio-heading-text{font-size:18px;font-style:italic;font-weight:400;text-align:left}.form-outline{border:1px solid #000;padding:40px}.form-container{align-items:flex-start;display:flex;margin-top:2em;outline:none;padding:5px}.form-input{border:1px solid #000;outline:none}.form-button,.form-input{font-size:18px;padding:10px 20px}.form-button{background-color:#000;border:none;color:#fff;cursor:pointer;margin-left:5px}.portfolio-container{margin-bottom:50px;margin-left:10%;width:80%}.featured-project{margin-top:10rem;min-height:320px;position:relative;width:100%}.featured-image{width:100%}.gradient-overlay{background:linear-gradient(180deg,rgba(0,0,0,.3) 0,transparent 55%);height:100%;left:0;position:absolute;top:0;width:100%}.featured-text-container{left:0;margin-left:0;margin-top:6rem;padding-bottom:1rem;position:relative;top:0;width:75%}.is-visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.featured-text-title{font-family:neue-haas-unica,sans-serif;font-size:3rem;font-weight:900;line-height:5rem;text-decoration:none}.featured-text-description,.featured-text-title{color:#000;font-style:normal;position:relative;text-align:left}.featured-text-description{font-family:ff-tisa-web-pro,serif;font-size:18px;font-weight:350;margin-bottom:1rem}.featured-text-container.is-visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@media only screen and (max-width:1024px){.text-column{font-size:12px;text-align:center}.form-button{width:100%}.form-button,.form-input{margin-top:1em}.form-container{display:inline;margin-top:1em}.featured-text-container{color:#000;margin-top:1rem;padding-bottom:.5rem;width:80%}.featured-text-description{margin-top:1rem}.gradient-overlay{background:linear-gradient(180deg,transparent 0,transparent 50%)}}@media only screen and (max-width:900px){.portfolio-text-container{width:100%}.form-outline{margin-bottom:8rem}.featured-project{margin-top:6rem}.form-input{width:80%}.featured-text-container{margin-left:0;margin-top:4%;position:relative;width:80%}.gradient-overlay{background:linear-gradient(180deg,transparent 0,transparent 50%)}.featured-text-description{font-size:14px}.featured-text-case,.featured-text-description,.featured-text-title{color:#000;text-shadow:0 2px 2px transparent}.featured-text-title{font-size:2rem;line-height:2.5rem}}.contact-container{display:flex;margin-left:10%;margin-top:10em;width:80%}.connect-container{flex:1 1}.contact-form-container{flex:1 1;flex-direction:column;justify-content:left}.connect-title{flex-direction:column;font-size:64px;font-style:italic}.connect-title,.email-text{font-weight:700;text-align:left}.email-text{font-size:14px;margin-bottom:4em;margin-top:4em}.input-container{display:flex;flex-direction:column;margin-bottom:2rem;width:100%}.input-title{color:#000;font-size:18px;font-weight:700;margin-bottom:10px;text-align:left}.input-box{align-items:flex-start;border:1px solid #000;box-sizing:border-box;display:flex;height:30px;padding:5px;width:100%;word-break:break-word}.send-container{text-align:right;width:100%}.send-button{background-color:#000;border:none;color:#fff;cursor:pointer;font-size:18px;margin-left:5px;padding:10px 20px}@media only screen and (max-width:1024px){.contact-container{flex-direction:column}}@media only screen and (max-width:900px){.contact-container{flex-direction:column}}.feature-fill{align-items:center;display:flex;height:calc(100vh - 200px);justify-content:center;margin-top:2rem;overflow:hidden;width:100%}.feature-fill img{width:100%}.project-description-container{margin-left:10%;width:80%}.project-client{font-size:20px;font-weight:300;margin:1rem auto 4rem;text-align:center}.project-client,.project-description{color:#000;font-style:normal;line-height:4rem}.project-description{font-size:40px;font-weight:700;margin-top:8rem;text-align:left}.project-title{color:#000;font-size:4rem;font-style:normal;font-weight:500;line-height:4rem;margin-bottom:0;margin-top:10rem;text-align:center}.project-content{font-style:normal;margin:1.5em 1.5em 1.5em 10%;overflow:hidden;position:relative;width:80%}.project-content,.projects-button{color:#000;float:left;font-size:18px}.projects-button{align-items:center;background-color:#fff;border:1px solid #000;cursor:pointer;display:flex;height:8rem;margin-top:2rem;text-decoration:none;width:8rem}.button-container{display:flex;justify-content:space-between}.button-container button{flex:1 1;padding:10px}.button-container .left-button{justify-content:flex-start}.button-container .right-button{justify-content:flex-end}@media only screen and (max-width:900px){.feature-fill{height:100%}.project-description-container{margin-left:10%;width:80%}.project-description{line-height:3rem}.project-content,.project-description{margin-left:0;width:100%}}.full-paragraph{width:100%}.full-paragraph,.left-paragraph{color:#000;font-size:18px;font-style:normal;line-height:25px;margin-bottom:2em;margin-top:2em;overflow:hidden;text-align:left}.left-paragraph{width:50%}@media only screen and (max-width:900px){.left-paragraph{width:100%}}.right-bold{color:#000;font-family:neue-haas-unica,sans-serif;font-size:40pt;font-style:normal;font-weight:700;line-height:4rem;margin-bottom:2em;margin-left:50%;margin-top:2em;text-align:left;width:50%}@media only screen and (max-width:900px){.right-bold{font-size:24pt;font-weight:700;line-height:2rem;margin-bottom:3em;margin-left:0;margin-top:3em;width:100%}}.right-paragraph{color:#000;font-size:18px;font-style:normal;line-height:25px;margin-bottom:2em;margin-left:50%;margin-top:2em;overflow:hidden;text-align:left;width:50%}@media only screen and (max-width:900px){.right-paragraph{margin-left:0;width:100%}}.video-container{align-items:center;height:100vh;justify-content:center;position:relative}.video{height:auto;width:100%}@media only screen and (max-width:900px){.video-container{height:50vh}}@media only screen and (max-width:414px){.video-container{height:20vh;left:-50%}}.image-content{margin-bottom:2em;margin-top:2em;width:100%}.futures-component{height:100%;margin-top:10rem;position:relative;width:100%}.futures-container{left:10%;position:relative;width:80%}.futures-title{color:#000;font-size:72px;font-weight:700;text-align:left}.futures-description{color:#133461;font-size:18px;font-weight:400;text-align:left}.phase-background{height:100%;min-height:400px;padding-bottom:2rem;padding-top:2rem;position:relative;width:100%}.phase-content-container{flex-direction:column;margin-bottom:6rem;margin-top:6rem;min-height:400px;width:100%}.phase-content-container,.phase-object-container{align-items:center;display:flex;justify-content:center}.phase-object-container{width:50%}.object-container{margin-bottom:2rem;margin-top:2rem;min-height:700px;min-width:700px;width:100%}.object-container,.phase-text-container{align-items:center;display:flex;justify-content:center}.phase-text-title{color:#133461;font-size:48px;font-weight:700;margin-bottom:4rem;margin-top:4rem;text-align:left}.phase-text-description{color:#133461;font-size:18px;font-weight:400;line-height:2rem;margin-bottom:4rem;margin-top:2rem;text-align:center;width:80%}.svg-object{height:100%;position:relative;width:100%}@media only screen and (max-width:900px){.object-container{min-height:300px;min-width:300px}}.about-container{display:flex;margin-bottom:50px;margin-left:10%;margin-top:10rem}.about-text-container{width:44%}.about-image-container{width:30%}@media only screen and (max-width:1024px){.about-container{flex-direction:column;margin-left:5%;margin-right:5%;width:90%}.about-text-container{width:100%}.about-image-container{align-self:center;margin-top:2em;width:80%}}@media only screen and (max-width:900px){.about-container{flex-direction:column}.about-text-container{padding:0;width:100%}.about-image-container{align-self:center;margin-top:2em;width:80%}}.cv-key-container{align-content:left;display:flex;flex-direction:column;margin-left:10%;margin-top:10em;position:relative;width:80%}.key-header-text{flex:1 1;font-size:24px;font-style:italic;font-weight:700;margin-bottom:1em;text-align:left}.key-points-text{font-size:18px;font-style:italic;font-weight:400;margin-bottom:.5em;margin-left:1%;margin-top:.5em;text-align:left}.cv-text-container{align-content:left;display:flex;flex-direction:column;margin-bottom:2em;margin-left:10%;margin-top:2em;position:relative;width:80%;width:100%}.text-header-column{font-size:18px;font-weight:700;margin-bottom:1em;margin-top:2em}.text-header-column,.text-header-content{flex:1 1;font-style:normal;text-align:left}.text-header-content{display:flex;flex-direction:column;font-size:14px;font-weight:400;line-height:22px;margin-left:1%;margin-top:1em;width:79%}.text-column-container{align-content:center;display:flex;flex-direction:row;margin-bottom:50px;margin-left:10%;margin-top:200px;position:relative;width:100%}.text-rows-container{display:flex;flex-wrap:wrap}.text-row{display:flex;width:80%}.cv-text-column{display:flex;flex:1 1;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;line-height:22px;margin-left:1%;margin-top:0;padding:10px;text-align:left}.cv-text-column-bold{font-size:16px;font-weight:700}.cv-text-column:first-child{flex:1 1 5%}.cv-text-column:nth-child(2){flex:1 1 80%}.text-skillls-row{display:flex;width:80%}.cv-skillls-column{display:flex;flex:1 1;flex-direction:column;font-size:14px;font-style:normal;font-weight:400;line-height:8px;margin-left:1%;margin-top:0;padding:10px;text-align:left}.cv-skillls-column:first-child{flex:1 1 5%}.cv-skillls-column:nth-child(2){flex:1 1 80%}.skills-list-container{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-left:10%;margin-top:2em;width:80%}.skill-box{background-color:#fff;border:1px solid #000;color:#000;font-size:12px;margin:5px;padding:10px}.thumbnail-carousel{align-items:center;display:flex;justify-content:center;margin-top:1em;overflow:hidden;position:relative}.thumbnail-container{border-radius:50%;display:inline-flex;left:-50%;position:relative;white-space:nowrap}.thumbnail{align-items:center;display:flex;flex-direction:row;margin-left:30px;margin-right:30px;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.thumbnail-circle{background:#ccc;border-radius:50%;height:100px;overflow:hidden;width:100px}.thumbnail img{height:120px;object-fit:cover;width:120px}.thumbnail-title{color:#000;font-size:24px;font-weight:700;margin-left:1.5em}.thumb-overlay{background-color:#fff;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#fff 10%,#fff 90%,transparent);mask-image:linear-gradient(90deg,transparent,#fff 10%,#fff 90%,transparent);max-width:900px;pointer-events:none;width:50%;z-index:2}@media only screen and (max-width:900px){.thumb-overlay{-webkit-mask-image:none;mask-image:none;width:100%}}.App{overflow:hidden;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}.home-portfolio-container{align-items:center;display:flex;justify-content:center}.home-portfolio-title{background-color:#fff;color:#000;font-size:4em;font-style:italic;font-weight:700;margin-top:60px;text-align:center;width:100%;width:intrinsic}.underline-animation{color:#000;position:relative}.underline-animation:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.underline-animation:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}@-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)}}.app-extra-seperator{padding-left:20%;padding-right:5%;width:20%}.app-seperator-left{padding-left:6%;padding-right:5%;width:44%}.app-seperator-right{padding-left:20%;padding-right:5%;width:20%}@media only screen and (max-width:900px){.app-seperator-left,.app-seperator-right{padding-left:0;width:100%}.underline-animation:hover:after{-webkit-transform:scaleX(0);transform:scaleX(0)}.home-portfolio-title{text-decoration:underline}}
/*# sourceMappingURL=main.3662f2a1.css.map*/