html{-webkit-text-size-adjust:100%}b,strong{font-weight:bolder}code,kbd,samp{font-size:1em}small{font-size:80%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}*{box-sizing:border-box}body{min-height:100%}blockquote,figure,ol,p,ul{margin:0;padding:0}blockquote:last-child,figure:last-child,ol:last-child,p:last-child,ul:last-child{margin-bottom:0}p{margin-bottom:var(--space-4)}.h1,h1{font-size:var(--text-3xl);margin:0 0 var(--space-5)}.h1,.h2,h1,h2{font-weight:var(--weight-medium);line-height:var(--leading-tight)}.h2,h2{font-size:var(--text-2xl);margin:0 0 var(--space-4)}.h3,h3{font-size:var(--text-xl)}.h3,.h4,h3,h4{font-weight:var(--weight-semi);line-height:var(--leading-snug);margin:0 0 var(--space-3)}.h4,h4{font-size:var(--text-lg)}img,svg{max-width:100%;vertical-align:bottom}img:focus,svg:focus{outline:none}a{color:currentColor;text-decoration:none}ul{list-style:none;margin:0;padding:0}::selection{background-color:rgba(0,0,0,.15)}.sr-only{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.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:var(--space-6);position:relative;transition:width .3s ease-in-out;width:var(--space-12);z-index:3}.Header__drawer-toggle{background-color:rgba(0,0,0,0);border:none;cursor:pointer;display:flex;flex-direction:column;height:var(--space-9);justify-content:center;margin:0 0 0 auto;outline:none;padding:0 var(--space-2);position:relative;width:var(--space-9)}.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:var(--space-8) 0;text-align:left}.Header__drawer-nav ul li{cursor:pointer;height:var(--space-9);margin:var(--space-4) 0;opacity:0;padding:0 var(--space-6);transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:hidden}.Header__drawer-nav ul li a{display:inline-block;font-size:var(--text-2xl);line-height:var(--space-9);position:relative}.Header__drawer-nav ul li a:before{background-color:#3e5052;content:"";display:block;height:2px;left:calc(-1*var(--space-6));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:var(--space-7);cursor:default;font-size:var(--text-2xl);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 var(--space-2) 0;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:var(--space-9);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:var(--space-9);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:var(--space-2)}}.Hero{background-position:50%;background-size:cover;height:100vh;position:relative}.Hero__mask{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#3e5052;height:100%;left:0;opacity:.4;top:0;z-index:1}.Hero__mask,.Hero__wrapper{position:absolute;width:100%}.Hero__wrapper{color:#fff;left:50%;max-width:var(--content-width);overflow:visible;text-align:left;top:50%;transform:translateX(-50%) translateY(-50%);z-index:2}.Hero__keywords{line-height:1;margin:0;white-space:nowrap}.Hero__keywords,.Hero__keywords *{display:inline-block}.Hero__keywords-lead{font-family:var(--font-instrument-serif),"Iowan Old Style",Georgia,serif;font-style:italic}.Hero__keywords-word{font-family:var(--font-geist-sans),-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400}.Hero__subheader{font-weight:400;margin-bottom:0;max-width:100%;opacity:0;padding-top:var(--space-7);transform:translateY(-15px);transition:all .45s ease-in-out;width:100%}.Hero__subheader.shown{opacity:1;transform:translateY(0)}.Hero__cursor{background-color:#fff;display:inline-block;height:.8em;margin-left:.1em;vertical-align:-.05em;width:2px}.Hero__cursor.hide{opacity:0}.Hero__cursor.show,.Hero__cursor.typing{opacity:1}.Hero__arrow{bottom:var(--space-11);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:var(--text-md);line-height:1;margin-top:var(--space-7);padding:var(--space-4) var(--space-7);text-decoration:none;text-transform:uppercase;transition:background-color .15s ease-in-out,color .15s ease-in-out}.Btn:focus,.Btn:hover{background-color:hsl(186,13.8888888889%,18.2352941176%);outline:0}.About{margin:0 auto;max-width:var(--content-width);padding:var(--space-13) 0}.About__content{margin-top:var(--space-8)}@media screen and (max-width:767px){.About{padding:var(--space-9) var(--space-7)}}.Skills{background-color:#3e5052;color:#fff;padding:var(--space-13) var(--space-9);position:relative}.Skills__title:after{background-color:#fff}.Skills__svg{height:calc(100% - var(--space-9));max-height:550px;position:absolute;right:0;top:50%;transform:translateX(35%) translateY(-50%)}.Skills__wrapper{margin-bottom:var(--space-10);margin-top:var(--space-7);max-width:60%;min-width:500px}.Skills__wrapper-skill{border:1px solid #fff;border-radius:5px;color:#fff;cursor:default;display:inline-block;font-family:var(--font-geist-mono),ui-monospace,monospace;margin:var(--space-5) var(--space-2) 0;padding:var(--space-2) var(--space-4);text-transform:uppercase;transition:background-color .3s ease-in-out,border-color .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)}@media screen and (max-width:767px){.Skills{padding:var(--space-9) var(--space-7)}.Skills__svg{display:none}.Skills__wrapper{max-width:100%;min-width:unset}.Skills__wrapper-skill:hover{pointer-events:none}}.Work{padding:var(--space-13) var(--space-9);position:relative}.Work__job{align-items:center;border-bottom:1px solid #3e5052;display:flex;padding:var(--space-11) 0}.Work__job:nth-of-type(2n){flex-direction:row-reverse}.Work__job:nth-of-type(2n) .Work__job-description{padding:0 var(--space-9) 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 var(--space-9);text-align:right}.Work__job-logo{height:auto;max-width:100%;padding:var(--space-6) 0;width:200px}.Work__job li{line-height:var(--leading-loose)}@media screen and (max-width:767px){.Work{padding:var(--space-9) var(--space-7) 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;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--space-13) 0;position:relative}.Contact__title:after{background-color:#fff}.Contact__content{margin:0 auto;max-width:var(--content-width);width:100%}.Contact__content p{margin-top:var(--space-8)}.Contact__content .Btn{background-color:rgba(0,0,0,0);border:1px solid #fff;color:#fff;transition:background-color .3s ease-in-out,border-color .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:var(--space-9) var(--space-7)}}.App{position:relative}.App .Content{padding-left:var(--space-12)}.App .sectionTitle{display:inline-block;font-family:var(--font-instrument-serif),"Iowan Old Style",Georgia,serif;font-style:italic;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}}