*{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:18px}@media(max-width:767px){body{line-height:1.8em}}ul{margin-top:-15px}li{line-height:1.6em}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.6em;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.6em}h1{font-size:38px;font-weight:600}h2{font-size:32px;font-weight:600}h3{font-size:26px;font-weight:500}h4{font-size:22px;font-weight:500}blockquote{margin:0 5px;font-size:1em;line-height:1.6em;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:16px;text-align:center}header{width:25%;background-size:cover;background-position:50% 0;position:fixed;color:#fcfcfd}header h2{font-size:38px;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: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:#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:35%}header .intro{bottom:150px}header .socials{max-width:35%}}@media(max-width:767px){header{position:relative;width:100%;background:#112f41!important;display:block;height:auto}header p{padding-top:10px}header .socials{padding:10px 20px 25px;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:55em;margin:0 auto;display:block}a{line-height:1.7em}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:75%;margin-left:25%;float:none;clear:none;display:block;min-height:88vh}@media(min-width:768px) and (max-width:1023px){.content-wrapper{width:65%;margin-left:35%}}@media(max-width:767px){.content-wrapper{position:relative;width:100%;margin-left:0}}footer{position:absolute;width:75%;left:25%;background-color:#112f41;color:#fcfcfd;padding:35px 45px}footer .footer-wrapper{max-width:55em;margin:0 auto;display:block}@media(min-width:768px) and (max-width:1023px){footer{width:65%;left:35%}}@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:10px 20px;background:#112f41;color:#fcfcfd}.mobile-header p{font-size:32px;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:20px;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:55em;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:26px;line-height:1.6em}#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,.highlight,pre{padding:20px 70px 20px 20px;margin:20px 0;border-radius:8px;overflow-x:auto;width:100%;box-sizing:border-box;white-space:pre;word-wrap:normal;scrollbar-width:thin;scrollbar-color:#666 #333;position:relative;min-height:60px}.chroma::-webkit-scrollbar,.highlight::-webkit-scrollbar,pre::-webkit-scrollbar{height:8px}.chroma::-webkit-scrollbar-track,.highlight::-webkit-scrollbar-track,pre::-webkit-scrollbar-track{background:rgba(255,255,255,.1);border-radius:4px}.chroma::-webkit-scrollbar-thumb,.highlight::-webkit-scrollbar-thumb,pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:4px}.chroma::-webkit-scrollbar-thumb:hover,.highlight::-webkit-scrollbar-thumb:hover,pre::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.5)}pre:not(.chroma){background-color:#f8f8f8;border:1px solid #e1e8ed;font-family:monaco,menlo,ubuntu mono,monospace;font-size:14px;line-height:1.4}pre:not(.chroma) .copy-button{background:#06c!important;border-color:#049!important;color:#fff!important}pre:not(.chroma) .copy-button:hover{background:#0052a3!important;border-color:#036!important}header{min-width:250px}p,li,div{word-wrap:break-word;overflow-wrap:break-word}@media(min-width:768px) and (max-width:1023px){.content-wrapper{min-width:300px;padding:25px 35px}#content{margin:15px 25px}p{margin-bottom:18px}h1,h2,h3,h4,h5{margin-top:25px;margin-bottom:18px}}@media(max-width:767px){.content-wrapper{min-width:280px;padding:15px 20px}#content{margin:10px 15px}p{margin-bottom:15px;margin-top:10px}h1,h2,h3,h4,h5{margin-top:20px;margin-bottom:15px}ul,ol{margin:10px 0;padding-left:25px}blockquote{margin:15px 10px}img{margin:10px 0}.chroma,.highlight,pre{margin:15px 0;padding:15px 45px 15px 15px}.menu{margin:10px 0}footer{margin-top:20px;padding:15px 20px}.content-wrapper{margin-right:0!important;padding-right:8px!important}#content{margin-right:5px!important;padding-right:5px!important}body{margin-right:0!important;padding-right:0!important}main{margin-right:0!important;padding-right:5px!important}html{margin-right:0!important;padding-right:0!important}.container,.wrapper,div{max-width:100%!important;margin-right:0!important}}@media(max-width:767px){html,body{background-color:#fff!important;margin:0!important;padding:0!important;width:100%!important;overflow-x:hidden!important}}.chroma{font-size:14px;line-height:1.5;border:1px solid #3a3a3a;box-shadow:0 4px 8px rgba(0,0,0,.1)}code:not(.chroma code){background-color:#f1f3f4;padding:2px 6px;border-radius:4px;font-family:monaco,menlo,ubuntu mono,monospace;font-size:.9em;color:#d63384}