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}.tech-link:active,.tech-link:focus,.tech-link:hover{color:#fff}.navigation{background-color:rgba(29,33,36,.8588235294117647);height:100vh;overflow:scroll;padding:50px;color:#fff}.navigation a{color:#fff}.navigation nav{margin-bottom:3rem}.navigation nav a.nav-link{color:hsla(0,0%,100%,.721569)}.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:"\f105";padding-left:9px;font-family:FontAwesome;position:absolute}.navigation nav a.nav-link.active:before{content:"";position:absolute;right:0;border:10px solid transparent;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%,.721569)}.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,.490196);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{background:transparent;text-transform:uppercase;border:2px solid #fff;font-weight:700;font-size:1.3rem;text-shadow:2px 2px 3px rgba(0,0,0,.490196);border-radius:0;padding:9px 20px;color:#fff}.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:active,.front-page .button-container a:focus,.front-page .button-container a:hover{background-color:hsla(0,0%,100%,.5098039215686274);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,.7098039215686275)}@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,.7098039215686275);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,.219608);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,.my-offer h3,.portfolio h3{font-size:1.5rem;margin-top:2rem}.about-me h4,.my-offer h4,.portfolio h4{font-size:1.3rem}.about-me .front-end,.my-offer .front-end,.portfolio .front-end{color:#37862a}.about-me p,.my-offer p,.portfolio p{text-indent:30px}.about-me ul,.my-offer ul,.portfolio ul{margin-left:1rem}.about-me .sub-list,.my-offer .sub-list,.portfolio .sub-list{list-style:none;padding-left:0;margin-left:0}.about-me .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%}.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,.3803921568627451);border-color:#fff}.navbar-toggle:active,.navbar-toggle:focus,.navbar-toggle:hover{background:rgba(0,0,0,.3803921568627451)!important;border-color:#fff!important}}
/*# sourceMappingURL=main.c3914951.chunk.css.map */