@charset "UTF-8";*{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}.contact-form{margin-bottom:32px}.contact-form .form-group{position:relative;margin-top:2.25rem;margin-bottom:2.25rem}.contact-form .form-group.form-group-end{margin-top:1rem;margin-bottom:1rem}.contact-form .form-radio .form-help{padding-top:.25rem;margin-top:-1rem}.contact-form .form-group input{height:1.9rem;font-family:inherit;font-size:inherit}.contact-form .form-group textarea{resize:vertical;font-family:inherit;font-size:inherit}.contact-form .form-group select{width:100%;font-size:1rem;height:1.6rem;padding:.125rem .125rem .0625rem;background:0 0;border:none;line-height:1.6;box-shadow:none}.contact-form .form-group .control-label{position:absolute;top:.25rem;pointer-events:none;padding-left:.125rem;z-index:1;color:#b3b3b3;font-size:1rem;font-weight:400;-webkit-transition:all .28s ease;transition:all .28s ease}.contact-form .form-group .bar{position:relative;border-bottom:.0625rem solid #999;display:block}.contact-form .form-group .bar::before{content:'';height:.125rem;width:0;left:50%;bottom:-.0625rem;position:absolute;background:#337ab7;-webkit-transition:left .28s ease,width .28s ease;transition:left .28s ease,width .28s ease;z-index:2}.contact-form .form-group input[type=file]{line-height:1}.contact-form .form-group input[type=file]~.bar{display:none}.contact-form .form-group .form-hint{text-align:right;color:#b3b3b3;font-size:.9rem;color:gray}.contact-form .form-group input,.contact-form .form-group textarea{display:block;background:0 0;padding:.125rem .125rem .0625rem;font-size:1rem;border-width:0;border-color:transparent;line-height:1.9;width:100%;color:transparent;-webkit-transition:all .28s ease;transition:all .28s ease;box-shadow:none}.contact-form .form-group select,.contact-form .form-group input:focus,.contact-form .form-group input:valid,.contact-form .form-group input.form-file,.contact-form .form-group input.has-value,.contact-form .form-group textarea:focus,.contact-form .form-group textarea:valid,.contact-form .form-group textarea.form-file,.contact-form .form-group textarea.has-value{color:#333}.contact-form .form-group select~.control-label,.contact-form .form-group input:focus~.control-label,.contact-form .form-group input:valid~.control-label,.contact-form .form-group input.form-file~.control-label,.contact-form .form-group input.has-value~.control-label,.contact-form .form-group textarea:focus~.control-label,.contact-form .form-group textarea:valid~.control-label,.contact-form .form-group textarea.form-file~.control-label,.contact-form .form-group textarea.has-value~.control-label{font-size:.8rem;color:gray;top:-1rem;left:0}.contact-form .form-group select:focus,.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{outline:none}.contact-form .form-group select:focus~.control-label,.contact-form .form-group input:focus~.control-label,.contact-form .form-group textarea:focus~.control-label{color:#337ab7}.contact-form .form-group select:focus~.bar::before,.contact-form .form-group input:focus~.bar::before,.contact-form .form-group textarea:focus~.bar::before{width:100%;left:0}.contact-form .checkbox label,.contact-form .form-radio label{position:relative;cursor:pointer;padding-left:2rem;text-align:left;color:#333;display:block}.contact-form .checkbox input,.contact-form .form-radio input{width:auto;opacity:.00000001;position:absolute;left:0}.contact-form .radio{margin-bottom:1rem}.contact-form .radio .helper{position:absolute;top:-.25rem;left:-.25rem;cursor:pointer;display:block;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#999}.contact-form .radio .helper::after{-webkit-transform:scale(0);transform:scale(0);background-color:#337ab7;border-color:#337ab7}.contact-form .radio label:hover .helper{color:#337ab7}.contact-form .radio input:checked~.helper::after{-webkit-transform:scale(.5);transform:scale(.5)}.contact-form .radio input:checked~.helper::before{color:#337ab7}.contact-form .radio .helper::before,.contact-form .radio .helper::after{content:'';position:absolute;left:0;top:0;margin:.25rem;width:1rem;height:1rem;-webkit-transition:-webkit-transform .28s ease;transition:-webkit-transform .28s ease;transition:transform .28s ease;transition:transform .28s ease,-webkit-transform .28s ease;border-radius:50%;border:.125rem solid}.contact-form .checkbox .helper::before,.contact-form .checkbox .helper::after{position:absolute;height:0;width:.2rem;background-color:#337ab7;display:block;-webkit-transform-origin:left top;transform-origin:left top;border-radius:.25rem;content:'';-webkit-transition:opacity .28s ease,height 0s linear .28s;transition:opacity .28s ease,height 0s linear .28s;opacity:0}.contact-form .checkbox input:checked~.helper::after,.contact-form .checkbox input:checked~.helper::before{opacity:1;-webkit-transition:height .28s ease;transition:height .28s ease}.contact-form .radio+.radio,.contact-form .checkbox+.checkbox{margin-top:1rem}.contact-form .has-error .legend.legend,.contact-form .has-error.form-group .control-label.control-label{color:#d9534f}.contact-form .has-error.form-group .form-help,.contact-form .has-error.form-group .helper,.contact-form .has-error.checkbox .form-help,.contact-form .has-error.checkbox .helper,.contact-form .has-error.radio .form-help,.contact-form .has-error.radio .helper,.contact-form .has-error.form-radio .form-help,.contact-form .has-error.form-radio .helper{color:#d9534f}.contact-form .has-error .bar::before{background:#d9534f;left:0;width:100%}.contact-form .button{background:currentColor;border:1px solid;font-size:1.1rem;color:#4f93ce;margin:0;padding:.75rem 3rem;cursor:pointer;-webkit-transition:background-color .28s ease,color .28s ease,box-shadow .28s ease;transition:background-color .28s ease,color .28s ease,box-shadow .28s ease;overflow:hidden;box-shadow:0 2px 2px rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px rgba(0,0,0,.12)}.contact-form .button span{color:#fff;position:relative;z-index:1}.contact-form .button::before{content:'';position:absolute;background:#071017;border:50vh solid #1d4567;width:30vh;height:30vh;border-radius:50%;display:block;top:50%;left:50%;z-index:0;opacity:1;-webkit-transform:translate(-50%,-50%)scale(0);transform:translate(-50%,-50%)scale(0)}.contact-form .button:hover{color:#337ab7;box-shadow:0 6px 10px rgba(0,0,0,.14),0 1px 18px rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2)}.contact-form .button:focus{outline:none}.contact-form .button:active::before,.contact-form .button:focus::before{-webkit-transition:opacity .28s ease .364s,-webkit-transform 1.12s ease;transition:opacity .28s ease .364s,-webkit-transform 1.12s ease;transition:transform 1.12s ease,opacity .28s ease .364s;transition:transform 1.12s ease,opacity .28s ease .364s,-webkit-transform 1.12s ease;-webkit-transform:translate(-50%,-50%)scale(1);transform:translate(-50%,-50%)scale(1);opacity:0}skill-entry{display:flex;margin-bottom:15px;align-items:center;flex-flow:row wrap}@media(max-width:767px){skill-entry{display:block}}skill-title{display:block;font-weight:700;flex-grow:1}skill-level{display:block;height:12px;width:200px;background-color:rgba(17,47,65,.3)}@media(max-width:767px){skill-level{max-width:100%;margin-top:4px}}skill-level[level]:after{display:block;content:'';background-color:#112f41;height:100%;width:0}skill-level[level="1"]:after{width:20%}skill-level[level="2"]:after{width:40%}skill-level[level="3"]:after{width:60%}skill-level[level="4"]:after{width:80%}skill-level[level="5"]:after{width:100%}skill-description{display:block;width:100%;margin-top:4px}skill-entries{display:flex;flex-flow:row wrap;gap:4px;margin-bottom:15px}skill-entries skill-entry{display:block;align-items:center;flex-flow:row wrap;margin-bottom:0}skill-entries skill-entry+skill-entry:before{display:inline-block;content:"•";margin-left:6px;margin-right:6px}skill-entries skill-title{display:inline;font-weight:700}skill-entries skill-description{display:inline;width:auto}skill-entries skill-description:before{display:inline;content:"("}skill-entries skill-description:after{display:inline;content:")"}header h3{margin-top:10px}@media(min-width:768px) and (max-height:720px){header .intro{padding-bottom:15px;bottom:85px}header h2{font-size:32px}header .socials{padding-bottom:20px}header h2{font-size:28px}}.image-thumbs{display:flex;flex-wrap:wrap;justify-content:start;margin-top:5px;margin-bottom:35px;gap:10px}.image-thumbs a{display:block;width:150px;border-bottom:0;padding-bottom:0;line-height:0}.image-thumbs img{margin:0}@media(max-width:767px){.overlay-menu{z-index:2}}