*{box-sizing:border-box}html{background-color:#f6eb0f}body{background-color:#fff;margin:0;min-height:100%;font-family:raleway,helvetica neue,sans-serif;color:#112f41;font-size:16px}@media(max-width:767px){body{line-height:1.7em}}ul{margin-top:-15px}li{line-height:1.5em}p::selection{background-color:#eaedf0;color:#364049}p{display:block;font-weight:400;font-size:1em;margin-top:0;margin-bottom:15px;line-height:1.5em;text-align:justify}h1,h2,h3,h4,h5{font-family:montserrat,helvetica neue,sans-serif;letter-spacing:.02em;margin-bottom:10px;margin-top:30px;line-height:1.5em}h1{font-size:36px;font-weight:600}h2{font-size:30px;font-weight:600}h3{font-size:24px;font-weight:500}h4{font-size:20px;font-weight:500}blockquote{margin:0 5px;font-size:1em;line-height:1.5em;text-align:justify;font-style:italic}blockquote:before{font-family:Georgia,serif;content:'\201C';position:absolute;top:.15em;left:-.18em;color:#dce0e5;font-size:7em;z-index:-1;font-style:italic}header,#content{height:100%}figure{margin:0}figure img{margin-bottom:6px!important}figure figcaption p{font-size:14px;text-align:center}header{width:30%;background-size:cover;background-position:50% 0;position:fixed;color:#fcfcfd}header h2{font-size:36px;font-weight:600}header .menu{text-align:left}header .menu p{margin-bottom:0}header .socials{padding:35px 45px;bottom:0;position:fixed;border:0;max-width:30%}header .socials .social-link a svg,header .socials a:visited svg,header .socials a:focus svg,header .socials a:active svg{fill:#fff}header .socials .social-link a:focus svg,header .socials a:active svg,header .socials a:hover svg{-webkit-transition:fill .7s;-moz-transition:fill .7s;-ms-transition:fill .7s;-o-transition:fill .7s;transition:fill .7s;fill:#b9c2cb}header a,header a:link,header a:visited{color:#fff;border-bottom:0;font-weight:400;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;line-height:1.9em}header a:not(.social-link),header a:link:not(.social-link),header a:visited:not(.social-link){border-bottom:#fcfcfd 1px dashed}header a:hover,header a:focus,header a:active{color:#fd3519}header a:hover:not(.social-link),header a:focus:not(.social-link),header a:active:not(.social-link){font-weight:600;border-bottom:#fcfcfd 1px dashed}header .intro{padding:35px 45px;position:absolute;bottom:140px}header .rounded-logo{width:150px;height:150px;border-radius:50%;margin-bottom:40px;display:block;box-shadow:0 0 5px #112F41}@media(min-width:768px) and (max-width:1023px){header{width:40%}header .intro{bottom:150px}header .socials{max-width:40%}}@media(max-width:767px){header{position:relative;width:100%;background:#112f41!important;display:block;height:auto}header p{padding-top:10px}header .socials{padding:0 45px 35px;position:relative;max-width:inherit}header .rounded-logo{text-align:center;margin:0 auto}header .intro{bottom:inherit;display:block;position:relative}}#content,.breadcrumb{max-width:35em;margin:0 auto;display:block}a{line-height:1.6em}a,a:visited,a:link{text-decoration:none;color:inherit;font-weight:600;border-bottom:#8494a4 1px dashed;padding-bottom:1px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}a svg,a:visited svg,a:link svg{fill:inherit;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}a:hover,a:focus,a:active{color:#fd3519;text-decoration:none;font-weight:600;border-bottom:#8494a4 1px dashed;padding-bottom:1px}a:hover svg,a:focus svg,a:active svg{fill:#fd3519}.content-wrapper{padding:35px 45px;position:static;width:70%;margin-left:30%;float:none;clear:none;display:block;min-height:88vh}@media(min-width:768px) and (max-width:1023px){.content-wrapper{width:60%;margin-left:40%}}@media(max-width:767px){.content-wrapper{position:relative;width:100%;margin-left:0}}footer{position:absolute;width:70%;left:30%;background-color:#112f41;color:#fcfcfd;padding:35px 45px}footer .footer-wrapper{max-width:35em;margin:0 auto;display:block}@media(min-width:768px) and (max-width:1023px){footer{width:60%;left:40%}}@media(max-width:767px){footer{position:relative;width:100%;left:0}}footer p{margin-bottom:0}img.gopher{margin:0 auto 30px!important;max-width:200px}@media(min-width:1024px){.overlay-menu,.mobile-menu,.hamburger{display:none}}@media(min-width:768px) and (max-width:1023px){.overlay-menu,.mobile-menu,.hamburger{display:none}}@media(max-width:767px){.mobile-header{padding:15px 45px;background:#112f41;color:#fcfcfd}.mobile-header p{font-size:30px;text-align:center;margin:0}header{display:none}.overlay-menu,.mobile-menu{display:block}.mobile-menu{display:flex;height:100vh;align-items:center;justify-content:center}.overlay-menu{display:none;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;background:#112f41!important;width:0%;height:0;position:absolute;top:0;z-index:1}.overlay-menu header{display:block}.hamburger{cursor:pointer;position:absolute;top:30px;left:16px;display:block;z-index:100}.hamburger .bar{width:22px;height:2px;background-color:#fcfcfd;margin-bottom:5px;position:relative;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.hamburger.cross .bar{transform-origin:50% 50%}.hamburger.cross .bar:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:7px}.hamburger.cross .bar:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger.cross .bar:nth-child(2){display:none}}.active{font-weight:500}#content .icon,header .icon{margin-right:5px;display:inline-block}#content .icon svg,header .icon svg{width:auto}header .icon{fill:#fff;margin-right:10px}#content .icon{fill:#112f41}#content:not(.portfolio) img{width:110%;display:block;margin:0 -5%}.published-date,.reading-time{display:inline-block;margin-bottom:20px}.reading-time{margin-right:20px}.img-caption{margin-bottom:5px!important}.portfolio img{max-width:100%;margin-bottom:30px;box-shadow:0 0 5px #112F41}.portfolio .rounded-img{width:150px;height:150px;border-radius:50%}.portfolio .testimonial-list{margin:0 auto;display:flex}.portfolio .testimonial-list .testimonial-container{display:inline-block;text-align:center}.portfolio .testimonial-list .testimonial-container .testimonial-name,.portfolio .testimonial-list .testimonial-container .testimonial-role{text-align:center;font-weight:600;font-size:18px;margin-top:-20px}.portfolio .testimonial-list .testimonial-container .testimonial-role{font-weight:400}.portfolio .testimonial-list .testimonial-container .testimonial-text{position:relative;z-index:0}.portfolio .portfolio-tags{margin-top:6px}.portfolio .portfolio-tags span{font-weight:600}.portfolio .portfolio-tags a{overflow-wrap:break-word}.portfolio .tags{margin-bottom:10px}#content .portfolio-list h2{margin:0}#content .portfolio-list a,#content .portfolio-list a:hover,#content .portfolio-list a:link,#content .portfolio-list a:active,#content .portfolio-list a:visited,#content .portfolio-list a:focus{border-bottom:none;color:inherit}#content .portfolio-list img{max-width:100%;border-radius:2px;display:block;box-shadow:0 0 5px #112F41;margin:inherit}#content .portfolio-list .portfolio-container{position:relative;max-width:35em;margin-bottom:30px}#content .portfolio-list .portfolio-container .portfolio-details{opacity:0;display:none;width:100%;padding:2em 1em;color:#f6eb0f;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}#content .portfolio-list .portfolio-container .portfolio-details p,#content .portfolio-list .portfolio-container .portfolio-details h2{text-align:center;margin-bottom:0;position:relative}#content .portfolio-list .portfolio-container .img-overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;-webkit-transition:.4s ease;-moz-transition:.4s ease;-ms-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;background-color:#112f41}#content .portfolio-list .portfolio-container:hover .img-overlay{opacity:.7}#content .portfolio-list .portfolio-container:hover .portfolio-details{opacity:1;display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#content .portfolio-list img::hover{linear-gradient:#112F41,#112F41}@media(max-width:767px){#content .portfolio-list .portfolio-container img{margin-bottom:0}#content .portfolio-list .portfolio-container .img-overlay{display:none}#content .portfolio-list .portfolio-container .portfolio-details{display:block;opacity:1;width:100%;padding:0;color:#364049}#content .portfolio-list .portfolio-container .portfolio-details h2{font-size:24px;line-height:1.5em}#content .portfolio-list .portfolio-container .portfolio-details h2 span{background-image:linear-gradient(180deg,transparent 60%,#F6EB0F 0);padding:0 .2em}#content .portfolio-list .portfolio-container .portfolio-details p,#content .portfolio-list .portfolio-container .portfolio-details h2{text-align:center;margin-bottom:0;position:relative}#content .portfolio-list .portfolio-container:hover .portfolio-details{-webkit-transform:none;-ms-transform:none;transform:none;position:relative;left:0}}.designs,.techs{display:inline-block}.designs{margin-right:20px}.read-more{margin-top:-10px;text-align:right;display:block}.chroma{padding:10px}