html{font-size:16px;overflow-x:hidden}@media(max-width:767px){html{font-size:14px}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#37862a}a:hover{color:#2f5629;text-decoration:none}@media(max-width:767px){.main-container{margin-right:0;margin-left:0}}.btn-primary,.tech-link{background-color:#37862a;border-color:#37862a;border-radius:0;margin-top:1rem}.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.tech-link:active,.tech-link:focus,.tech-link:hover{background-color:#2f5629;border-color:#37862a;box-shadow:none}.tech-link{margin-top:.5rem;color:#fff;padding:5px 10px;display:inline-block;margin-right:10px}.navigation a,.tech-link:active,.tech-link:focus,.tech-link:hover{color:#fff}.navigation{background-color:rgba(29,33,36,.8588235294);height:100vh;overflow:scroll;padding:50px;color:#fff}.navigation nav{margin-bottom:3rem}.navigation nav a.nav-link{color:hsla(0,0%,100%,.7215686275)}.navigation nav a.nav-link.active,.navigation nav a.nav-link:hover{color:#fff}.navigation nav a.nav-link.active:after,.navigation nav a.nav-link:hover:after{content:"";padding-left:9px;font-family:FontAwesome;position:absolute}.navigation nav a.nav-link.active:before{content:"";position:absolute;right:0;border:10px solid rgba(0,0,0,0);border-right-color:#fff;border-left:none}.navigation .contact-me{padding:.5rem 1rem}.navigation .contact-me .title{margin-bottom:10px;font-size:.8rem}.navigation .contact-me a{margin-right:10px}.navigation .note{text-transform:none;color:hsla(0,0%,100%,.7215686275)}.my-face{text-align:center;margin-bottom:30px}.my-face h1{font-size:1.45rem;font-weight:700}.my-face h2{font-size:1.1rem;font-weight:300}.front-page{color:#fff;text-shadow:2px 2px 3px rgba(0,0,0,.4901960784);padding:20vh 5vh 0}.front-page h1{font-size:3.5rem;margin-bottom:2vh}@media(max-width:767px){.front-page h1{font-size:3rem}}.front-page h2{font-size:2.5rem;font-weight:500}@media(max-width:767px){.front-page h2{font-size:2rem}}.front-page .button-container{margin-top:13.5vh}@media(max-width:767px){.front-page .button-container{margin-top:10vh}}.front-page .button-container a:not(:first-child){margin-left:1rem}@media(max-width:767px){.front-page .button-container a:not(:first-child){margin-left:0}}.front-page .button-container a{background:rgba(0,0,0,0);text-transform:uppercase;border:2px solid #fff;font-weight:700;font-size:1.3rem;text-shadow:2px 2px 3px rgba(0,0,0,.4901960784);border-radius:0;padding:9px 20px;color:#fff}.front-page .button-container a:active,.front-page .button-container a:focus,.front-page .button-container a:hover{background-color:hsla(0,0%,100%,.5098039216);color:#3f4344;border-color:#fff;text-shadow:none;outline:none;box-shadow:none}@media(max-width:767px){.front-page .button-container a{display:inline-block;margin-top:1rem;padding:5px 20px}}.content{padding:0}.right-white{background-color:#fff;height:100vh;padding:3rem;overflow-x:scroll}@media(max-width:767px){.right-white{padding:2rem}}@media(max-width:400px){.right-white{padding:1.5rem}}.right-white h1{font-size:2rem;margin-bottom:15px}.portfolio-list{margin-bottom:-6px}.portfolio-list .time{width:80px;display:block;float:left;text-align:right;margin-right:20px;font-style:italic;margin-top:20px}@media(max-width:767px){.portfolio-list .time{width:calc(100% - 20px);text-align:center;font-weight:700;font-style:normal;border-bottom:1px solid #cad1d8;margin-left:20px}}.portfolio-list .content{width:calc(100% - 150px);display:block;float:left;border-left:1px solid #aeb9c3;padding-left:20px;position:relative;padding-bottom:20px;padding-top:20px}@media(max-width:767px){.portfolio-list .content{width:100%;border-left:none}}.portfolio-list .content .left,.portfolio-list .content .right{width:50%;float:left}@media(max-width:767px){.portfolio-list .content .left,.portfolio-list .content .right{width:100%;margin-bottom:2rem}}.portfolio-list .content .left img,.portfolio-list .content .right img{width:calc(100% - 20px);margin-left:20px;height:400px;object-fit:cover;object-position:top;box-shadow:0 0 5px -2px rgba(25,29,32,.7098039216)}@media(max-width:767px){.portfolio-list .content .left img,.portfolio-list .content .right img{width:100%;margin-left:0}}.portfolio-list .content .left img:hover,.portfolio-list .content .right img:hover{box-shadow:0 4px 10px -4px rgba(25,29,32,.7098039216);cursor:pointer;opacity:.8}.portfolio-list .content hr{margin-top:2rem;margin-bottom:2rem}.portfolio-list .content:before{content:"";top:29px;background-color:#37862a;width:10px;height:10px;position:absolute;left:-5px}.portfolio-list .content:after{content:"";height:1px;background-color:#aeb9c3;width:97%;position:absolute;bottom:0;left:3%}@media(max-width:767px){.portfolio-list .content:after{display:none}}.portfolio-list .content .description p{text-indent:30px}.portfolio-list .content .description button{display:block}.portfolio-list .content .description .technologies{margin-top:2rem}.portfolio-list:last-child .content:after{display:none}.portfolio-list-detail h2{font-size:1.5rem;color:#37862a;margin-bottom:-1rem}.portfolio-list-detail p{text-indent:30px}.portfolio-list-detail img.full-width,.portfolio-list-detail video.full-width{height:auto;box-shadow:0 0 15px rgba(0,0,0,.2196078431);width:calc(100% + 6rem);margin-left:-3rem}@media(max-width:767px){.portfolio-list-detail img.full-width,.portfolio-list-detail video.full-width{width:calc(100% + 4rem);margin-left:-2rem}}@media(max-width:400px){.portfolio-list-detail img.full-width,.portfolio-list-detail video.full-width{width:calc(100% + 3rem);margin-left:-1.5rem}}.portfolio-list-detail .mb-offset:last-child{margin-bottom:-3rem}.about-me h3,.contributions h3,.my-offer h3,.portfolio h3{font-size:1.5rem;margin-top:2rem}.about-me h4,.contributions h4,.my-offer h4,.portfolio h4{font-size:1.3rem}.about-me .front-end,.contributions .front-end,.my-offer .front-end,.portfolio .front-end{color:#37862a}.about-me p,.contributions p,.my-offer p,.portfolio p{text-indent:30px}.about-me ul,.contributions ul,.my-offer ul,.portfolio ul{margin-left:1rem}.about-me .sub-list,.contributions .sub-list,.my-offer .sub-list,.portfolio .sub-list{list-style:none;padding-left:0;margin-left:0}.about-me .sub-list h4,.contributions .sub-list h4,.my-offer .sub-list h4,.portfolio .sub-list h4{color:#37862a}.progress-bar{background:unset;height:20px}.list-style-none{list-style:none}.about-me h2,.portfolio h2{margin-top:3.5rem;text-align:center}.about-me .spacer,.portfolio .spacer{margin-top:70px;float:left;width:100%}.contributions .contribution-list{margin-top:2rem}.contributions .contribution-card{display:flex;margin-bottom:2.5rem;padding-bottom:2.5rem;border-bottom:1px solid #cad1d8}.contributions .contribution-card:last-child{border-bottom:none}@media(max-width:767px){.contributions .contribution-card{flex-direction:column}}.contributions .contribution-card .contribution-card-image{flex:0 0 240px;margin-right:1.5rem;position:relative;display:block}@media(max-width:767px){.contributions .contribution-card .contribution-card-image{flex:none;margin-right:0;margin-bottom:1rem}}.contributions .contribution-card .contribution-card-image img{width:240px;height:140px;object-fit:cover;box-shadow:0 0 5px -2px rgba(25,29,32,.7098039216)}@media(max-width:767px){.contributions .contribution-card .contribution-card-image img{width:100%;height:200px}}.contributions .contribution-card .contribution-card-image img:hover{opacity:.85}.contributions .contribution-card .contribution-card-image .play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:1.2rem;line-height:48px;text-align:center;padding-left:4px;pointer-events:none}.contributions .contribution-card .contribution-card-body{flex:1 1}.contributions .contribution-card .contribution-card-body h4{margin-bottom:.25rem}.contributions .contribution-card .contribution-card-body h4 a{color:#37862a}.contributions .contribution-card .contribution-card-body p{text-indent:0}.contribution-date,.contributions .contribution-card .contribution-card-body .tech-list{margin-bottom:.5rem}.contribution-date{font-style:italic;font-size:.85rem;color:#6c757d}.contribution-post .contribution-body{max-width:900px;margin:0 auto}.contribution-post .contribution-video{position:relative;width:100%;padding-top:56.25%;margin:1.5rem 0 2rem;box-shadow:0 0 15px rgba(0,0,0,.2196078431)}.contribution-post .contribution-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.contribution-post .contribution-back{display:inline-block;margin-bottom:1rem;color:#37862a}.contribution-post .contribution-back.contribution-back-bottom{display:block;margin-bottom:0;margin-top:2.5rem}.contribution-post .contribution-content{margin-top:1.5rem}.contribution-post .contribution-content p{text-indent:0;margin-bottom:1.2rem;line-height:1.7}.contribution-post .contribution-content h2{font-size:1.5rem;color:#37862a;margin-top:2.5rem;margin-bottom:1rem;text-align:left}.contribution-post .contribution-content h3{font-size:1.2rem;margin-top:2rem;margin-bottom:.75rem}.contribution-post .contribution-content ol,.contribution-post .contribution-content ul{margin-left:1.5rem;margin-bottom:1.2rem}.contribution-post .contribution-content ol li,.contribution-post .contribution-content ul li{margin-bottom:.4rem}.contribution-post .contribution-content a{color:#37862a;text-decoration:underline}.contribution-post .contribution-content img{max-width:100%;height:auto;margin:1rem 0}.contribution-post .contribution-content blockquote{border-left:4px solid #37862a;margin:1.5rem 0;padding:.5rem 1rem;background:#f7f9fa;color:#495057}.contribution-post .contribution-content blockquote p{margin-bottom:0}.contribution-post .contribution-content code{background:#f1f3f5;padding:2px 6px;border-radius:3px;font-size:.9em;color:#c7254e}.contribution-post .contribution-content pre{background:#1d2124;color:#f8f9fa;padding:1rem 1.25rem;border-radius:4px;overflow-x:auto;margin-bottom:1.5rem}.contribution-post .contribution-content pre code{background:none;padding:0;color:inherit}.back-to-top{position:fixed;bottom:24px;right:24px;z-index:10;width:44px;height:44px;padding:0;border:2px solid #fff;border-radius:50%;background:#37862a;color:#fff;font-size:1.4rem;line-height:1;box-shadow:0 0 15px rgba(0,0,0,.2196078431);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:focus,.back-to-top:hover{background:#2f5629}.navbar-toggle{display:none}@media(max-width:991px){.navigation{position:fixed;z-index:1;width:300px;padding:50px;left:-100%;transition:.2s ease-in}.navigation.show{left:0}.navbar-toggle{display:block;position:fixed;bottom:20px;right:15px;padding:5px;line-height:1;border-radius:4px;background:rgba(0,0,0,.3803921569);border-color:#fff}.navbar-toggle:active,.navbar-toggle:focus,.navbar-toggle:hover{background:rgba(0,0,0,.3803921569)!important;border-color:#fff!important}}