/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}.h1,h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{min-height:100%;height:auto}b,blockquote,figure,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:300}b:last-child,blockquote:last-child,figure:last-child,h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child,ol:last-child,p:last-child,ul:last-child{margin-bottom:0}p{line-height:1.85}img,svg{vertical-align:bottom;max-width:100%}img:focus,svg:focus{outline:none}a{color:currentColor;text-decoration:none}ul{margin:0;padding:0;list-style:none}::selection{background-color:rgba(0,0,0,.15)}.Header{left:0;position:fixed;top:0;z-index:3}.Header__drawer{background-color:#fff;border-right:1px solid rgba(62,68,82,.35);height:100vh;padding:20px;position:relative;transition:width .3s ease-in-out;width:80px;z-index:3}.Header__drawer-toggle{background-color:rgba(0,0,0,0);border:none;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:center;margin:0 0 0 auto;outline:none;padding:0 5px;position:relative;width:40px}.Header__drawer-toggle .line{background-color:#3e5052;border-radius:2px;height:4px;margin:3px 0;position:relative;transition:opacity .2s ease-in-out,width .2s ease-in-out,transform .3s ease-in-out}.Header__drawer-toggle .line:first-child{width:90%}.Header__drawer-toggle .line:nth-child(2){width:60%}.Header__drawer-toggle .line:nth-child(3){width:20%}.Header__drawer-toggle:hover{outline:none}.Header__drawer-toggle:hover .line{width:100%}.Header__drawer-nav{margin:36px 0;text-align:left}.Header__drawer-nav ul li{cursor:pointer;height:40px;margin:12px 0;opacity:0;padding:0 20px;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden}.Header__drawer-nav ul li a{display:inline-block;font-size:1.5em;line-height:40px;position:relative}.Header__drawer-nav ul li a:before{background-color:#3e5052;content:"";display:block;height:2px;left:-20px;position:absolute;top:50%;transform:translateY(-50%) scale(0);transform-origin:left;transition:all .2s ease-in-out;width:15px}.Header__drawer-nav ul li.active a:before,.Header__drawer-nav ul li:focus a:before,.Header__drawer-nav ul li:hover a:before{transform:translateY(-50%) scale(1)}.Header__drawer-logo{bottom:23px;cursor:default;font-size:1.5em;left:0;position:absolute;text-align:center;transition:all .2s ease-in-out;white-space:nowrap;width:100%}.Header__drawer-logo span{display:inline-block;opacity:0;transition:all .3s ease-in-out;visibility:hidden;width:0}.Header__background{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(62,68,82,.25);height:100vh;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden;width:100vw;z-index:1}.Header.open .Header__drawer{max-width:100vw;width:300px}.Header.open .Header__drawer-toggle .line{width:100%}.Header.open .Header__drawer-toggle .line:nth-child(2){opacity:0}.Header.open .Header__drawer-toggle .line:first-child,.Header.open .Header__drawer-toggle .line:nth-child(3){transform-origin:left center}.Header.open .Header__drawer-toggle .line:first-child{left:calc(25% - 3px);margin:0 0 4px;transform:rotate(45deg)}.Header.open .Header__drawer-toggle .line:nth-child(3){left:calc(25% - 3px);margin:3px 0 0;transform:rotate(-45deg)}.Header.open .Header__drawer-nav ul li{opacity:1;visibility:visible}.Header.open .Header__drawer-logo{padding-left:40px;text-align:left}.Header.open .Header__drawer-logo span{opacity:1;overflow:hidden;vertical-align:bottom;visibility:visible;width:61px}.Header.open .Header__background{opacity:1;visibility:visible}@media screen and (max-width:767px){.Header__drawer{height:40px;padding:0;width:100vw}.Header__drawer-nav ul li a:before{visibility:hidden}.Header__background{background-color:hsla(0,0%,100%,.65)}.Header.closed .Header__drawer-nav{visibility:hidden}.Header.open .Header__drawer-nav{visibility:visible}.Header.closed .Header__drawer,.Header.open .Header__drawer{width:100vw}.Header.closed .Header__drawer-logo,.Header.open .Header__drawer-logo{bottom:0;font-weight:400;padding:0;text-align:center;z-index:-1}.Header.closed .Header__drawer-logo span,.Header.open .Header__drawer-logo span{opacity:1;overflow:hidden;vertical-align:bottom;visibility:visible;width:auto}.Header.closed .Header__drawer-logo span:first-of-type,.Header.open .Header__drawer-logo span:first-of-type{padding-right:6px}}.Hero{background-position:50%;background-size:cover;position:relative;height:100vh}.Hero__mask{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#3e5052;height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%;z-index:1}.Hero__wrapper{color:#fff;left:50%;max-width:calc(100% - 80px);overflow:visible;position:absolute;text-align:left;top:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.Hero__keywords{line-height:1;margin:0;white-space:nowrap;width:auto}.Hero__keywords,.Hero__keywords *{display:inline-block}.Hero__subheader{font-size:1.3em;font-weight:400;line-height:1.5;max-width:100%;opacity:0;padding-top:20px;transform:translateY(-15px);transition:all .45s ease-in-out;white-space:normal;width:600px}.Hero__subheader.shown{opacity:1;transform:translateY(0)}.Hero__cursor{background-color:#fff;display:inline-block;height:1em;position:relative;top:3px;width:.6666666667em}.Hero__cursor.hide{opacity:0}.Hero__cursor.show,.Hero__cursor.typing{opacity:1}.Hero__arrow{bottom:60px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.Hero__arrow svg{cursor:pointer;opacity:0;transform:translateY(-15px);transition:all .3s ease-in-out;width:40px}.Hero__arrow svg path{fill:#fff}.Hero__arrow svg.shown{opacity:1;transform:translateY(0);transition-delay:.3s}.Btn{background-color:#3e5052;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;line-height:1;margin-top:20px;padding:12px 24px;text-decoration:none;transition:all .15s ease-in-out}.Btn:focus,.Btn:hover{background-color:hsl(186,13.8888888889%,18.2352941176%);outline:0}.About{margin:0 auto;max-width:100%;padding:120px 40px;width:600px}.About__title{font-weight:500}.About__lead{font-weight:400}.About__content{padding-top:20px}@media screen and (max-width:767px){.About{padding:40px 20px}}.Skills{background-color:#3e5052;color:#fff;padding:60px;position:relative}.Skills__title{font-weight:500}.Skills__title:after{background-color:#fff}.Skills__svg{height:calc(100% - 40px);max-height:550px;position:absolute;right:0;top:50%;transform:translateX(35%) translateY(-50%)}.Skills__wrapper{margin-bottom:40px;margin-top:20px;max-width:100%;width:500px}.Skills__wrapper h3{font-weight:700}.Skills__wrapper-skill{border:1px solid #fff;border-radius:5px;color:#fff;cursor:default;display:inline-block;margin:20px 5px 0;padding:5px 10px;transition:all .3s ease-in-out}.Skills__wrapper-skill:first-child{margin-left:0}.Skills__wrapper-skill:last-child{margin-right:0}.Skills__wrapper-skill:hover{background-color:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.5);color:#fff}@media screen and (max-width:767px){.Skills{padding:40px 20px}.Skills__svg{display:none}.Skills__wrapper-skill:hover{pointer-events:none}}.Work{padding:60px;position:relative}.Work__title{font-weight:500}.Work__job{align-items:center;border-bottom:1px solid #3e5052;display:flex;padding:40px 0}.Work__job:nth-of-type(2n){flex-direction:row-reverse}.Work__job:nth-of-type(2n) .Work__job-description{padding:0 40px 0 0;text-align:left}.Work__job:last-of-type{border:none}.Work__job>a img{height:auto}.Work__job-description{flex:0 0 50%;padding:0 0 0 40px;text-align:right}.Work__job-detail{font-size:1.25rem;font-weight:500}.Work__job-logo{height:auto;max-width:100%;padding:20px 0;width:200px}.Work__job li{line-height:1.75}@media screen and (max-width:767px){.Work{padding:40px 20px 0}.Work__job,.Work__job:nth-of-type(2n){flex-direction:column}.Work__job:nth-of-type(2n) .Work__job-description{padding:0}.Work__job>a{flex:0 0 100%;order:1}.Work__job-description{flex:0 0 100%;order:2;padding:0}}.Contact{background-color:#3e5052;color:#fff;min-height:100vh;padding:60px;position:relative}.Contact__title{font-weight:500}.Contact__title:after{background-color:#fff}.Contact__lead{font-weight:400}.Contact__content{margin:0 auto;max-width:100%;padding:120px 40px;width:600px}.Contact__content p{padding-top:20px}.Contact__content .Btn{background-color:rgba(0,0,0,0);border:1px solid #fff;color:#fff;transition:all .3s ease-in-out}.Contact__content .Btn:hover{background-color:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.5)}@media screen and (max-width:767px){.Contact{min-height:auto;padding:40px 20px}.Contact__content{margin:initial;padding:0;width:100%}}body{background-color:#f5f5f5;color:#3e5052;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{position:relative}.App h1{font-weight:400}.App .Content{padding-left:80px}.App .sectionTitle{display:inline-block;position:relative}.App .sectionTitle:after{background-color:#3e5052;bottom:-4px;content:"";display:block;height:2px;left:0;position:absolute;width:80%}.App .sectionTitle.secondary:after{background-color:#fff}@media screen and (max-width:767px){.App .Content{padding-left:0}.App .sectionTitle{margin-top:0}}