@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@400;900&family=Six+Caps&display=swap");
/*! 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{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;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}body{color:#a7a7a7;font-family:Merriweather,serif;line-height:1.6;background-color:#fff;font-size:.875rem;overflow-x:hidden}@media (min-width:50em){body{font-size:1.125rem}}img{width:100%}h1,h2,p{margin-top:0;margin-bottom:1em}h1{color:#03afc2;line-height:1;font-size:3.125rem}@media (min-width:50em){h1{font-size:4rem}}h2{font-size:2rem;letter-spacing:.15em;color:#606060;text-transform:uppercase;line-height:1;font-family:Six Caps,sans-serif}@media (min-width:50em){h2{font-size:3rem}}.menu-button{position:absolute;top:3em;left:3em;background:transparent;border:0;cursor:pointer;outline:none;z-index:5}nav{position:fixed;top:0;bottom:0;left:0;right:15%;z-index:10;transform:translateX(-100%);transition:transform .25s ease-out}nav ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;height:100vh;justify-content:space-around;align-items:stretch;background:#03afc2}nav li{text-align:center}nav li:not(:last-of-type){border-bottom:1px solid #223843}nav li:hover{background-color:rgba(34,56,67,.5)}nav a{font-size:4rem;letter-spacing:.15em;color:#223843;text-transform:uppercase;line-height:1;font-family:Six Caps,sans-serif;text-decoration:none;padding:12.5vh 0;line-height:0;display:inline-block;width:100%}.close{display:none}.nav-is-open{height:100vh;overflow-y:hidden}.nav-is-open nav{transform:translateX(0)}.nav-is-open .container-all{transform:translateX(85%)}.nav-is-open .menu-icon-img{display:none}.nav-is-open .close{display:block}.nav-is-open .menu-button{transform:translateX(-75%)}.container-all{transition:transform .25s ease-out}.welcome{background-image:url(/header-bg.24cb86bd.png);background-size:cover;background-position:50%;height:100vh;display:flex;justify-content:center;align-items:center;position:relative}.welcome .menu-icon-img{height:17px;width:30px}.welcome .close{height:17px;width:17px}.welcome h1{font-size:1.5rem;font-weight:400;color:#223843;line-height:2;text-align:center}@media (min-width:50em){.welcome h1{font-size:3vw}}.welcome h1 span{font-size:5.5rem;letter-spacing:.15em;color:#03afc2;text-transform:uppercase;line-height:1;font-family:Six Caps,sans-serif;display:block}@media (min-width:50em){.welcome h1 span{font-size:10vw}}.welcome h1:after,.welcome h1:before{content:"";display:block;width:60%;height:1px;background:#223843}.welcome h1:before{margin:0 auto 2em}.welcome h1:after{margin:2em auto 0}.intro{display:flex;color:hsla(0,0%,100%,.7)}.intro h2{color:#fff}.intro h2:after{content:"";width:20%;height:1px;display:block;background:hsla(0,0%,100%,.5);margin:1em auto 0}@supports (display:grid){.intro{display:grid;grid-template-columns:minmax(4em,1fr) minmax(auto,30em) minmax(4em,1fr)}}.intro-middle{background-color:#223843;padding:2.5rem 5vw;text-align:center;display:flex;flex-direction:column;justify-content:center}.intro-left img,.intro-right img{object-fit:cover;width:100%;height:100%}.about-me{width:90%;max-width:50em;margin:5em auto}.about-title{margin-bottom:.25em}.about-subtitle{margin:.5em 0}@supports (display:grid){.about-me{display:grid;grid-template-columns:[port-start] minmax(6em,1fr) [title-start] minmax(6em,1fr) [img-end] 2fr [port-end];grid-column-gap:.5em}.about-me .about-img{grid-column:port-start/img-end;grid-row:1/2}@media (min-width:50em){.about-me .about-img{grid-row:1/4}}.about-me .about-title{grid-column:title-start/port-end;grid-row:1/2;align-self:end}.about-me .about-subtitle,.about-me .about-text{grid-column:port/port}@media (min-width:50em){.about-me .about-subtitle,.about-me .about-text{grid-column:img-end/port-end}}}.portfolio{text-align:center;background:#e8e9eb;padding:5em 5vw}.portfolio-item{position:relative;overflow:hidden;margin:0}.portfolio-item img{display:block}.portfolio-item figcaption{position:absolute;top:100%;bottom:0;right:0;left:0;padding:1.5em;background:rgba(3,175,194,.5);color:#fff;text-align:left;display:flex;flex-direction:column;transition:top .25s ease-out}.portfolio-item:focus figcaption,.portfolio-item:hover figcaption{top:0}.portfolio-title{color:#fff;font-size:1.5rem;margin-bottom:auto}.featured .portfolio-title{font-size:4rem}.portfolio-desc{display:none}.featured .portfolio-desc{display:block}.portfolio-link{color:#fff;font-weight:900;font-size:1.1rem;text-decoration:none;border-bottom:2px solid #fff;align-self:flex-start}.portfolio-link:after{content:url(/arrow.fb7574c9.svg);display:inline-block;width:.8em;height:.8em;margin-left:.5em}@supports (display:grid){.portfolio-items{display:grid;grid-template-columns:repeat(2,1fr)}@media (min-width:50em){.portfolio-items{grid-template-columns:repeat(4,1fr);gap:1em}}.portfolio-items .portfolio-item.featured{grid-column:span 2;grid-row:1}}.portfolio-modal{position:fixed;top:2em;bottom:2em;left:2em;right:2em;z-index:10;background-color:#fff;box-shadow:0 0 0 3em rgba(0,0,0,.5);overflow-y:scroll;overflow-x:hidden;display:none}.portfolio-modal.is-open{display:block}.close-button-img{width:17px;height:17px}.close-modal{outline:none;border:none;background:#fff;position:fixed;top:1em;left:1em;border-radius:50%;padding:6px;box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.portfolio-header{text-align:left;padding:5em 0;margin-bottom:2em;background-size:cover;background-position:50%}.header-one{background-image:url(/portfolio-01.0d564b49.jpg)}.header-two{background-image:url(/portfolio-02.38676bd4.jpg)}.header-three{background-image:url(/portfolio-03.10706673.jpg)}.header-four{background-image:url(/portfolio-04.752f046f.jpg)}.header-five{background-image:url(/portfolio-05.14026481.jpg)}.portfolio-title-box{background:rgba(3,175,194,.75);padding:3em;color:#fff;width:70%}.portfolio-title-box .portfolio-title{font-size:3.5rem}.portfolio-title-box .portfolio-title:after{content:"";display:block;width:100%;height:1px;background:#fff;margin:1em 0}.portfolio-subtitle{font-size:1rem}.portfolio-content{text-align:left;width:85%;margin:0 auto;padding-bottom:2em}.portfolio-full-width{width:100vw;max-width:none;margin:2em calc(50% - 50vw);height:20vh;object-fit:cover}@media (min-width:50em){.portfolio-pull-left{width:65%;float:left;margin-right:2em}.portfolio-pull-right{width:65%;float:right;margin-right:2em}}@keyframes modalIn{0%{opacity:0}to{opacity:1}}@keyframes modalOut{0%{opacity:1}to{opacity:0}}.contact{width:90%;margin:0 auto;max-width:50em;padding:5em 0}.contact h1{text-align:center}@supports (display:grid){@media (min-width:50em){form{display:grid;grid-column-gap:1em;grid-template-areas:"name        email" "message     message" "    .       button"}form .name{grid-area:name}form .email{grid-area:email}form .message{grid-area:message;height:10em}form .button{grid-area:button;width:50%}}}label{display:block;margin-top:1em;color:#606060}input,textarea{display:block;box-sizing:border-box;width:100%;padding:.75em;background-color:#f6f6f7;border:1px solid #e8e9eb}.button{margin-top:1em;width:30%;margin-left:auto;background-color:#03afc2;font-size:2em;letter-spacing:.15em;color:#fff;text-transform:uppercase;line-height:1;font-family:Six Caps,sans-serif;padding:.3em 1em;cursor:pointer}footer{background-color:#223843;padding:5em 0;text-align:center}.social-icons{width:90%;margin:0 auto;max-width:15em;display:flex;justify-content:space-between;padding:1em 0}.social-icon{width:25%}.copyright:before{content:"";display:block;height:1px;background-color:hsla(0,0%,100%,.2);width:25%;margin:4em auto}

/*# sourceMappingURL=/main.7a8c01aa.css.map */