@font-face{font-family:Cooper Hewitt Thin;font-style:normal;font-weight:400;src:local(Cooper Hewitt Thin),url(/assets/CooperHewitt-Thin-DM4EYf3T.woff)format("woff")}@font-face{font-family:Cooper Hewitt Thin Italic;font-style:normal;font-weight:400;src:local(Cooper Hewitt Thin Italic),url(/assets/CooperHewitt-ThinItalic-C1IGK2I8.woff)format("woff")}@font-face{font-family:Cooper Hewitt Light;font-style:normal;font-weight:400;src:local(Cooper Hewitt Light),url(/assets/CooperHewitt-Light-Bbf3p9cX.woff)format("woff")}@font-face{font-family:Cooper Hewitt Light Italic;font-style:normal;font-weight:400;src:local(Cooper Hewitt Light Italic),url(/assets/CooperHewitt-LightItalic-D3UcfF1M.woff)format("woff")}@font-face{font-family:Cooper Hewitt Book;font-style:normal;font-weight:400;src:local(Cooper Hewitt Book),url(/assets/CooperHewitt-Book-BDuLEBT_.woff)format("woff")}@font-face{font-family:Cooper Hewitt Book Italic;font-style:normal;font-weight:400;src:local(Cooper Hewitt Book Italic),url(/assets/CooperHewitt-BookItalic-DKywOPiC.woff)format("woff")}@font-face{font-family:Cooper Hewitt Medium;font-style:normal;font-weight:400;src:local(Cooper Hewitt Medium),url(/assets/CooperHewitt-Medium-D120Gc6u.woff)format("woff")}@font-face{font-family:Cooper Hewitt Medium Italic;font-style:normal;font-weight:400;src:local(Cooper Hewitt Medium Italic),url(/assets/CooperHewitt-MediumItalic-CzdkvsHQ.woff)format("woff")}@font-face{font-family:Cooper Hewitt Semibold;font-style:normal;font-weight:400;src:local(Cooper Hewitt Semibold),url(/assets/CooperHewitt-Semibold-DBMw8WZZ.woff)format("woff")}@font-face{font-family:Cooper Hewitt Semibold Italic;font-style:normal;font-weight:400;src:local(Cooper Hewitt Semibold Italic),url(/assets/CooperHewitt-SemiboldItalic-DvewQ5ub.woff)format("woff")}@font-face{font-family:Cooper Hewitt Bold;font-style:normal;font-weight:400;src:local(Cooper Hewitt Bold),url(/assets/CooperHewitt-Bold-6m4_bi2X.woff)format("woff")}@font-face{font-family:Cooper Hewitt Bold Italic;font-style:normal;font-weight:400;src:local(Cooper Hewitt Bold Italic),url(/assets/CooperHewitt-BoldItalic-BR50SYWf.woff)format("woff")}@font-face{font-family:Cooper Hewitt Heavy;font-style:normal;font-weight:400;src:local(Cooper Hewitt Heavy),url(/assets/CooperHewitt-Heavy-DbWf5RZJ.woff)format("woff")}@font-face{font-family:Cooper Hewitt Heavy Italic;font-style:normal;font-weight:400;src:local(Cooper Hewitt Heavy Italic),url(/assets/CooperHewitt-HeavyItalic-BNf1wf1O.woff)format("woff")}body{font-weight:400;font-family:"Cooper Hewitt Book", "Cooper Hewitt Bold" sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{max-width:1920px;margin:auto;font-size:16px}.nav-bar .nav-options ul,.nav-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex}.wrapper .contact-form form .form-first-row,.wrapper .contact-form{flex-wrap:wrap;justify-content:space-between;display:flex}body{background-color:#c4c4c4}.App{background-color:#c4c4c4;height:100vh;font-family:Cooper Hewitt Book;font-weight:400}.container{background-color:#c4c4c4}h1,h2,h3,h4{font-family:Cooper Hewitt Bold}h5,h6{margin:0;font-family:Cooper Hewitt SemiBold}.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{margin:auto;display:block}button{cursor:pointer;border:none;margin-right:10px;padding:15px 35px 10px;font-family:Cooper Hewitt SemiBold;font-size:1rem}.side-nav{justify-content:flex-end}.arrow-btns{background-color:#76a62a26;width:100px;margin:0;position:relative}.arrow-btns:hover{background-color:#64a500}#finger-emoji{margin:3px;font-size:1.5rem}#linkedIn{color:#c4c4c4;font-family:Cooper Hewitt SemiBold}p{font-family:Cooper Hewitt Book;font-size:1.1rem}.coloured-btn{background-color:#edf2b6}.submit-btn{background-color:#edf2b6;border-radius:30px;margin:0;font-weight:700}.submit-btn:hover{color:#fff;background-color:#0000;border:1px solid #edf2b6}.nav-bar{padding:3% 5%}.nav-bar .place-logo{width:120px}.nav-bar .nav-options{padding:0;display:flex}.nav-bar .nav-options ul{margin:0}.nav-bar .nav-options ul li{color:#edf2b6;border-bottom:2px solid #fff;margin:0 10px;list-style:none}.nav-bar .nav-options ul li:hover,.nav-bar .nav-options ul li:active{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{justify-content:center;align-self:center;height:80vh;padding:0 5%;display:flex;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;width:2px;height:80px;margin:0 8px}.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{z-index:-1;background:#77a62a;margin-top:-15px;animation:.2s linear 4s forwards highlight;position:absolute}@keyframes highlight{0%{width:.01px;height:10px}to{width:110px;height:10px}}.animate-intro{opacity:0;animation:2s linear 2s forwards intro-text}@keyframes intro-text{0%{opacity:0}to{opacity:1}}.animate-intro .bar{z-index:7;color:#edf2b6;background-color:#edf2b6;height:26px;position:absolute;transform:rotate3d(0,-5,-5,-180deg)}div #line-one{color:#fff;display:flex;position:relative}div #line-two,div #line-three{position:relative}#overlap{z-index:3;margin-bottom:-100px;position:relative}#overlap .bar{background-color:#77a62a;width:auto;height:24px;margin-top:1rem}.background-deco-bar{mix-blend-mode:multiply;background-color:#c4c4c4;height:305px;margin-left:5%;margin-right:-30px}.alternative-style{height:450px}.about-page{justify-content:space-between;width:90%;margin:-250px auto auto;position:relative}.about-page .sidebar{text-align:right;width:45%;margin-left:-10%}.about-page .about-me{background-color:#fff;width:55%;padding:50px}.about-page .about-me ul{padding-inline-start:15px}.about-page .about-me ul li{font-family:Cooper Hewitt SemiBold}.about-page .about-me span{margin:10px;font-family:Cooper Hewitt Book;font-size:.8rem}.about-page .about-me .job-title{margin-block:.3em 1.5em;font-family:Cooper Hewitt Book Italic;font-size:.9rem}.wrapper{flex-flow:wrap;display:flex}.wrapper .form-message{text-align:center;mix-blend-mode:screen;background-color:#c4c4c4;width:100%;margin-left:5%;margin-right:-30px;padding:3% 2%;position:relative}.wrapper .form-message p{color:#fff}.wrapper .contact-form{background-color:#080b02;align-items:center;width:65%;margin:35px auto auto;padding:50px 0}.wrapper .contact-form form{z-index:3;color:#fff;width:80%;margin:auto;position:relative}.wrapper .contact-form form .form-first-row,.wrapper .contact-form form label{width:100%}.wrapper .contact-form form input{border:none;width:98%;height:30px;margin-bottom:20px;padding:1%;font-size:1.1rem}.wrapper .contact-form form input:focus{color:#fff;background-color:salmon}.wrapper .contact-form form textarea{resize:none;border:none;width:96%;margin-bottom:20px;padding:2%;font-family:sans-serif;font-size:1.1rem}.blend{z-index:1;mix-blend-mode:multiply;background-color:#283a00;position:absolute;inset:0}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;width:100%;padding:5%}.showcase .project-background{flex-flow:wrap;justify-content:space-between;display:flex}.showcase .project-background .summary{width:65%}.showcase .project-background .deliveries{width:25%}.showcase .project-background .deliveries ul{padding:0;font-size:.8rem;list-style-position:inside}footer{color:#000;border-top:1px solid #edf2b6;flex-flow:wrap;justify-content:space-between;align-items:center;width:95%;padding:1%;font-size:.8em;display:flex;position:absolute;bottom:0;left:1.5%}footer #copyright{color:#fff;opacity:5;transition:all .5s}@media screen and (width<=600px) and (width>=250px){.container{border-bottom:30px solid #fff;border-right:30px solid #fff}button{margin:8px 0 0;font-size:.8rem}.landing-intro .profile-video,.landing-intro .intro-body-content{width:100%}.landing-intro .intro-body-content .content{text-align:center;width:100%;padding:0 6%!important}.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;width:100%;margin-top:50px}.nav-bar .nav-options ul{width:100%;padding:0}.nav-bar .nav-options ul li{color:#fff;border-top:1px solid #fff;padding:8px 1px;font-size:.8rem;list-style:none}.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{width:100%;padding:5%}.showcase .project-name{font-size:1.5rem}.showcase .project-background{flex-flow:wrap;display:flex}.showcase .project-background .summary{width:100%}.showcase .project-background .summary .project-summary{font-size:.8rem;line-height:1.1rem}.showcase .project-background .deliveries{justify-content:space-between;width:100%;display:flex}.showcase .project-background .deliveries .column{width:45%}.showcase .project-background .deliveries ul{padding:0;font-size:.7rem;list-style-position:inside}.wrapper .form-message{padding:3% 0%!important}.wrapper .form-message h3{padding:0 3%;font-size:small}.wrapper .form-message .contact-form{width:auto;padding:10%}.wrapper .form-message .contact-form form{color:#fff;width:100%}.wrapper .form-message .contact-form .blend{z-index:2;mix-blend-mode:multiply;background-color:#c4c4c4}.side-nav{width:100%}.reverse{flex-flow:row}}@media screen and (width<=1248px) and (width>=320px){.container{border:none}.landing-intro .profile-video{width:100%}.landing-intro .intro-body-content{width:100%;margin:-20px 0}.landing-intro .intro-body-content .content{text-align:center;width:100%;padding:0 15%}.wrapper .contact-page-video{height:auto}.wrapper .form-message{text-align:center;width:100%;height:fit-content;margin:0 5%;padding:10%}.wrapper .form-message p{color:#fff;isolation:isolate}.wrapper .contact-form{position:revert;width:auto;margin-top:20px;margin-right:0;padding:5% 10%}.wrapper .contact-form form{color:#fff;width:100%;min-height:50vh}.wrapper .contact-form .blend{z-index:2;mix-blend-mode:multiply;background-color:#c4c4c4}.about-page{width:90%;margin:-260px auto auto}.about-page .sidebar{text-align:right;width:100%;margin-left:-10%}.about-page .profile-photo{background-color:#fff;height:max-content}.about-page .about-me{background-color:#fff;width:100%;padding:20px}.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}}