*{box-sizing:border-box}html{background-color:#2a292a}body{background-color:#cdcdcd;margin:0;min-height:100%;font-family:oswald,helvetica neue,sans-serif;color:#000;font-size:15px}@media(max-width:767px){body{line-height:1.7em}}ul{margin-top:15px}li{line-height:1.5em;font-size:16px}p::selection{background-color:#eaedf0;color:#364049}p{display:block;font-weight:400;font-size:17px;margin-top:5px;margin-bottom:5px;line-height:1.5em;text-align:justify;text-shadow:0 0 1.5px #fcfcfd}h1{font-family:roboto bold,helvetica neue,sans-serif;letter-spacing:.02em;margin-bottom:10px;margin-top:30px;line-height:1.5em;text-shadow:0 1px 1.5px #000}h1 h2,h1 h3,h1 h4,h1 h5{font-family:oswald,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;margin-bottom:10px;margin-top:15px;text-shadow:0 1px 1.5px #000}h3{font-size:24px;font-weight:500;text-shadow:0 1px 2.5px #fcfcfd}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:#fff;font-size:7em;z-index:-1;font-style:italic}header,#content{height:100%}figure{margin:0}figure img{margin-bottom:60px!important}figure figcaption p{font-size:14px;text-align:center}header{width:25%;background-size:cover;background-position:50% 0;position:fixed;color:#fff;box-shadow:0 0 40px #112f41;text-shadow:0 1px 1.5px #fcfcfd}header h2{font-size:36px;font-weight:600}header .menu{text-align:left}header .menu p{margin-bottom:0}header .socials{padding:40px 50px;bottom:0;position:fixed;border:0;max-width:25%}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:#4a9dbe}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.7em}header a:not(.social-link),header a:link:not(.social-link),header a:visited:not(.social-link){}header a:hover,header a:focus,header a:active{color:#4a9dbe}header a:hover:not(.social-link),header a:focus:not(.social-link),header a:active:not(.social-link){font-weight:600}header .intro{padding:40px 50px;position:absolute;bottom:140px}header .rounded-logo{max-width:180px;margin-bottom:30px;display:block;box-shadow:0}@media(min-width:768px) and (max-width:1023px){header{width:30%}header .intro{bottom:150px}header .socials{max-width:30%}}@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:45em;margin:0 auto;display:block}a{line-height:1.6em;text-shadow:0 1px 1.5px #fcfcfd}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:#94caf4;text-decoration:none;font-weight:600;border-bottom:#8494a4 1px dashed;padding-bottom:1px}a:hover svg,a:focus svg,a:active svg{fill:#94caf4}.content-wrapper{padding:40px 50px;position:static;width:75%;margin-left:25%;float:none;clear:none;display:block;min-height:88vh}@media(min-width:768px) and (max-width:1023px){.content-wrapper{width:70%;margin-left:30%}}@media(max-width:767px){.content-wrapper{position:relative;width:100%;margin-left:0}}footer{position:relative;width:75%;left:25%;background-color:#2a292a;color:#fcfcfd;padding:27px 60px}footer .footer-wrapper{max-width:45em;margin:0 auto;display:block}@media(min-width:768px) and (max-width:1023px){footer{width:70%;left:30%}}@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}.small{font-size:13px}.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:#000}#content:not(.portfolio) img{width:100%;display:block;margin:0 0%}.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}.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:18px;display:block;box-shadow:0 0 10px #112f41;margin:inherit}#content .portfolio-list .portfolio-container{position:relative;max-width:45em;margin-bottom:30px}#content .portfolio-list .portfolio-container .portfolio-details{opacity:0;display:none;width:100%;padding:2em 1em;color:#fff;-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;border-radius:1.2em;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:.9;border-radius:1.2em}#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:#fff}#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%,white,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}