@font-face{font-family:Cooper Hewitt Thin;font-style:normal;font-weight:400;src:local("Cooper Hewitt Thin"),url(/static/media/CooperHewitt-Thin.440790ad6815c7cf88ae.woff) format("woff")}@font-face{font-family:Cooper Hewitt Thin Italic;font-style:normal;font-weight:400;src:local("Cooper Hewitt Thin Italic"),url(/static/media/CooperHewitt-ThinItalic.1d6e7fe6c51042518ed2.woff) format("woff")}@font-face{font-family:Cooper Hewitt Light;font-style:normal;font-weight:400;src:local("Cooper Hewitt Light"),url(/static/media/CooperHewitt-Light.38bc6c82345fa81377c5.woff) format("woff")}@font-face{font-family:Cooper Hewitt Light Italic;font-style:normal;font-weight:400;src:local("Cooper Hewitt Light Italic"),url(/static/media/CooperHewitt-LightItalic.427abd1eb32b88b63009.woff) format("woff")}@font-face{font-family:Cooper Hewitt Book;font-style:normal;font-weight:400;src:local("Cooper Hewitt Book"),url(/static/media/CooperHewitt-Book.b101556fae898931013b.woff) format("woff")}@font-face{font-family:Cooper Hewitt Book Italic;font-style:normal;font-weight:400;src:local("Cooper Hewitt Book Italic"),url(/static/media/CooperHewitt-BookItalic.bd753a00ec7ee8d286ac.woff) format("woff")}@font-face{font-family:Cooper Hewitt Medium;font-style:normal;font-weight:400;src:local("Cooper Hewitt Medium"),url(/static/media/CooperHewitt-Medium.30b288ac8849bc9ee096.woff) format("woff")}@font-face{font-family:Cooper Hewitt Medium Italic;font-style:normal;font-weight:400;src:local("Cooper Hewitt Medium Italic"),url(/static/media/CooperHewitt-MediumItalic.07110b45b5198258c05f.woff) format("woff")}@font-face{font-family:Cooper Hewitt Semibold;font-style:normal;font-weight:400;src:local("Cooper Hewitt Semibold"),url(/static/media/CooperHewitt-Semibold.10bda4f6aa133d7a8043.woff) format("woff")}@font-face{font-family:Cooper Hewitt Semibold Italic;font-style:normal;font-weight:400;src:local("Cooper Hewitt Semibold Italic"),url(/static/media/CooperHewitt-SemiboldItalic.ed8f290acb50e4facfa6.woff) format("woff")}@font-face{font-family:Cooper Hewitt Bold;font-style:normal;font-weight:400;src:local("Cooper Hewitt Bold"),url(/static/media/CooperHewitt-Bold.2d65c0bbbc1d7690ce68.woff) format("woff")}@font-face{font-family:Cooper Hewitt Bold Italic;font-style:normal;font-weight:400;src:local("Cooper Hewitt Bold Italic"),url(/static/media/CooperHewitt-BoldItalic.d3bf5bbc1b6fc7f5f1f1.woff) format("woff")}@font-face{font-family:Cooper Hewitt Heavy;font-style:normal;font-weight:400;src:local("Cooper Hewitt Heavy"),url(/static/media/CooperHewitt-Heavy.26ca0a4d0b62d486340a.woff) format("woff")}@font-face{font-family:Cooper Hewitt Heavy Italic;font-style:normal;font-weight:400;src:local("Cooper Hewitt Heavy Italic"),url(/static/media/CooperHewitt-HeavyItalic.e414648b0da3fe7353e4.woff) format("woff")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Cooper Hewitt Book,Cooper Hewitt Bold,sans-serif;font-weight:400;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{font-size:16px;margin:auto;max-width:1920px}.nav-bar,.nav-bar .nav-options ul{align-items:flex-end}.nav-bar,.nav-bar .nav-options ul,.wrapper .contact-form,.wrapper .contact-form form .form-first-row{display:flex;flex-wrap:wrap;justify-content:space-between}.App,body{background-color:#c4c4c4}.App{font-family:Cooper Hewitt Book;font-weight:400;height:100vh}.container{background-color:#c4c4c4}h1,h2,h3,h4{font-family:Cooper Hewitt Bold}h5,h6{font-family:Cooper Hewitt SemiBold;margin:0}.unbold-white{color:#fff;font-family:Cooper Hewitt Light}.unbold{font-family:Cooper Hewitt Book}.semibold{font-family:Cooper Hewitt Semibold}.bold-green{color:#77a62a;font-family:Cooper Hewitt Bold}.extra-large-title{font-family:Cooper Hewitt SemiBold;font-size:2.5em}img{display:block;margin:auto}button{border:none;cursor:pointer;font-family:Cooper Hewitt SemiBold;font-size:1rem;margin-right:10px;padding:15px 35px 10px}.side-nav{justify-content:flex-end}.arrow-btns{background-color:rgba(118,166,42,.15);margin:0;position:relative;width:100px}.arrow-btns:hover{background-color:#64a500}#finger-emoji{font-size:1.5rem;margin:3px}#linkedIn{color:#c4c4c4;font-family:Cooper Hewitt SemiBold}p{font-family:Cooper Hewitt Book;font-size:1.1rem}.coloured-btn,.submit-btn{background-color:#edf2b6}.submit-btn{border-radius:30px;font-weight:700;margin:0}.submit-btn:hover{background-color:#fff;background-color:transparent;border:1px solid #edf2b6;color:#fff}.nav-bar{padding:3% 5%}.nav-bar .place-logo{width:120px}.nav-bar .nav-options{display:flex;padding:0}.nav-bar .nav-options ul{margin:0}.nav-bar .nav-options ul li{border-bottom:2px solid #fff;color:#edf2b6;list-style:none;margin:0 10px}.nav-bar .nav-options ul li:active,.nav-bar .nav-options ul li:hover{border-bottom:8px solid #fff}a{color:#edf2b6;padding-bottom:3px;text-decoration:none}.landing-intro{justify-content:space-between;max-height:100vh}.landing-intro .content{align-self:center;display:flex;height:80vh;justify-content:center;padding:0 5%;position:relative}.landing-intro .content .intro-welcome-animation{align-items:center;display:flex}.landing-intro .content .intro-welcome-animation p{color:#edf2b6;font-family:Cooper Hewitt Light;font-size:72px;line-height:0}.landing-intro .content .intro-welcome-animation #faux-cursor{background:#edf2b6;height:80px;margin:0 8px;width:2px}.landing-intro .content .intro-self{align-items:center;display:flex}.landing-intro .content .intro-self div{color:#fff;font-size:18px}.landing-intro .content .intro-self div #get-in-touch{font-family:Cooper Hewitt Bold;position:relative}.landing-intro .content .intro-self div #get-in-touch a{color:#fff}.landing-intro .content .intro-self div #get-in-touch #animated-bar{-webkit-animation:highlight .2s linear 0s 1 normal forwards running;animation:highlight .2s linear 0s 1 normal forwards running;-webkit-animation-delay:4s;animation-delay:4s;background:#77a62a;margin-top:-15px;position:absolute;z-index:-1}@-webkit-keyframes highlight{0%{height:10px;width:.01px}to{height:10px;width:110px}}@keyframes highlight{0%{height:10px;width:.01px}to{height:10px;width:110px}}.animate-intro{-webkit-animation:intro-text 2s linear 2s 1 normal forwards;animation:intro-text 2s linear 2s 1 normal forwards;opacity:0}@-webkit-keyframes intro-text{0%{opacity:0}to{opacity:1}}@keyframes intro-text{0%{opacity:0}to{opacity:1}}.animate-intro .bar{background-color:#edf2b6;color:#edf2b6;height:26px;position:absolute;-webkit-transform:rotate3d(0,-5,-5,-180deg);transform:rotate3d(0,-5,-5,-180deg);z-index:7}div #line-one{color:#fff;display:flex}#overlap,div #line-one,div #line-three,div #line-two{position:relative}#overlap{margin-bottom:-100px;z-index:3}#overlap .bar{background-color:#77a62a;height:24px;margin-top:1rem;width:auto}.background-deco-bar{background-color:#c4c4c4;height:305px;margin-left:5%;margin-right:-30px;mix-blend-mode:multiply}.alternative-style{height:450px}.about-page{justify-content:space-between;margin:-250px auto auto;position:relative;width:90%}.about-page .sidebar{margin-left:-10%;text-align:right;width:45%}.about-page .about-me{background-color:#fff;padding:50px;width:55%}.about-page .about-me ul{-webkit-padding-start:15px;padding-inline-start:15px}.about-page .about-me ul li{font-family:Cooper Hewitt SemiBold}.about-page .about-me span{font-family:Cooper Hewitt Book;font-size:.8rem;margin:10px}.about-page .about-me .job-title{-webkit-margin-before:.3em;-webkit-margin-after:1.5em;font-family:Cooper Hewitt Book Italic;font-size:.9rem;margin-block-end:1.5em;margin-block-start:.3em}.wrapper{display:flex;flex-flow:wrap}.wrapper .form-message{background-color:#c4c4c4;margin-left:5%;margin-right:-30px;mix-blend-mode:screen;padding:3% 2%;position:relative;text-align:center;width:100%}.wrapper .form-message p{color:#fff}.wrapper .contact-form{align-items:center;background-color:#080b02;margin:35px auto auto;padding:50px 0;width:65%}.wrapper .contact-form form{color:#fff;margin:auto;position:relative;width:80%;z-index:3}.wrapper .contact-form form .form-first-row,.wrapper .contact-form form label{width:100%}.wrapper .contact-form form input{border:none;font-size:1.1rem;height:30px;margin-bottom:20px;padding:1%;width:98%}.wrapper .contact-form form input:focus{background-color:salmon;color:#fff}.wrapper .contact-form form textarea{border:none;font-family:sans-serif;font-size:1.1rem;margin-bottom:20px;padding:2%;resize:none;width:96%}.blend{background-color:#283a00;bottom:0;left:0;mix-blend-mode:multiply;position:absolute;right:0;top:0;z-index:1}section{padding-top:100px}.showcase{background-color:#fff;width:100%}.showcase .project-name{font-size:2rem}.showcase .project-image-large{width:100%}.showcase .project-info-full{justify-content:space-between;padding:5%;width:100%}.showcase .project-background{display:flex;flex-flow:row wrap;justify-content:space-between}.showcase .project-background .summary{width:65%}.showcase .project-background .deliveries{width:25%}.showcase .project-background .deliveries ul{font-size:.8rem;list-style-position:inside;padding:0}footer{align-items:center;border-top:1px solid #edf2b6;bottom:0;color:#000;display:flex;flex-flow:row wrap;font-size:.8em;justify-content:space-between;left:1.5%;padding:1%;position:absolute;width:95%}footer #copyright{color:#fff;opacity:1;transition:.5s}@media screen and (max-width:600px) and (min-width:250px){.container{border-bottom:30px solid #fff;border-right:30px solid #fff}button{font-size:.8rem;margin:8px 0 0}.landing-intro .intro-body-content,.landing-intro .profile-video{width:100%}.landing-intro .intro-body-content .content{padding:0 6%!important;text-align:center;width:100%}.landing-intro .intro-body-content .content .extra-large-title{font-family:Cooper Hewitt Bold;font-size:1.2rem}.landing-intro .intro-body-content .content h2{font-size:.9rem}.nav-bar{padding:10% 5% 5%}.nav-bar .place-logo{width:120px}.nav-bar .nav-options{justify-content:flex-end;margin-top:50px;width:100%}.nav-bar .nav-options ul{padding:0;width:100%}.nav-bar .nav-options ul li{border-top:1px solid #fff;color:#fff;font-size:.8rem;list-style:none;padding:8px 1px}.background-deco-bar{margin-right:0}.about-page .about-me{padding:15px}.about-page .resume p{font-size:.8rem;line-height:1.1rem}.showcase{width:100%}.showcase .project-info-full{padding:5%;width:100%}.showcase .project-name{font-size:1.5rem}.showcase .project-background{display:flex;flex-flow:row wrap}.showcase .project-background .summary{width:100%}.showcase .project-background .summary .project-summary{font-size:.8rem;line-height:1.1rem}.showcase .project-background .deliveries{display:flex;justify-content:space-between;width:100%}.showcase .project-background .deliveries .column{width:45%}.showcase .project-background .deliveries ul{font-size:.7rem;list-style-position:inside;padding:0}.wrapper .form-message{padding:3% 0!important}.wrapper .form-message h3{font-size:small;padding:0 3%}.wrapper .form-message .contact-form{padding:10%;width:auto}.wrapper .form-message .contact-form form{color:#fff;width:100%}.wrapper .form-message .contact-form .blend{background-color:#c4c4c4;mix-blend-mode:multiply;z-index:2}.side-nav{width:100%}.reverse{flex-flow:row}}@media screen and (max-width:1248px) and (min-width:320px){.container{border:none}.landing-intro .profile-video{width:100%}.landing-intro .intro-body-content{margin:-20px 0;width:100%}.landing-intro .intro-body-content .content{padding:0 15%;text-align:center;width:100%}.wrapper .contact-page-video{height:auto}.wrapper .form-message{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 5%;padding:10%;text-align:center;width:100%}.wrapper .form-message p{color:#fff;isolation:isolate}.wrapper .contact-form{margin-right:0;margin-top:20px;padding:5% 10%;position:revert;width:auto}.wrapper .contact-form form{color:#fff;min-height:50vh;width:100%}.wrapper .contact-form .blend{background-color:#c4c4c4;mix-blend-mode:multiply;z-index:2}.about-page{margin:-260px auto auto;width:90%}.about-page .sidebar{margin-left:-10%;text-align:right;width:100%}.about-page .profile-photo{background-color:#fff;height:-webkit-max-content;height:max-content}.about-page .about-me{background-color:#fff;padding:20px;width:100%}.about-page .about-me span{font-size:.8rem}.about-page .about-me .job-title{font-size:.8rem;line-height:1rem}.about-page .about-me .work-experience{font-size:.8rem}}
/*# sourceMappingURL=main.0e86f920.css.map*/