*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif;color:#3D4451;font-size:14px}h1{font-size:36px;font-weight:700;margin-bottom:20px}h2{font-size:32px;font-weight:700;margin-bottom:10px;text-align:center}h3{font-size:20px;font-weight:300;margin-bottom:40px;text-align:center}h4{font-size:18px;margin-bottom:15px}p,ul,ol{margin-bottom:20px}ul,ol{margin-left:40px}a{color:#07CB79}a:hover,a:active{color:#3D4451}a img{border:0;display:block}img{max-width:100%;height:auto}table{margin-bottom:20px}table tr td{padding:5px 0}table tr td:first-of-type{font-weight:700;width:40%}form input,form textarea,form button{font-size:14px}form input,form textarea{padding:10px;border:0;width:100%;background-color:#F0F0F0;margin-bottom:10px}form input.error,form textarea.error{border:1px solid #FF0000}form textarea{height:100px;margin-bottom:15px}form button{width:100%}.container{width:calc(100% - 40px);max-width:1200px;margin:0 auto;position:relative;z-index:1}.flex{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.flex > div,.flex > a{margin-left:15px;margin-right:15px;width:100%}.block{padding:40px 0 20px 0}.message,.button{padding:0 20px;background-color:#07CB79;color:#FFF;text-align:center;font-weight:700;border:2px solid #07CB79}.message{padding:10px}.button{height:40px;line-height:36px;display:inline-block;font-size:16px;text-decoration:none;padding-right:45px;padding-left:20px;transition:.5s;position:relative;cursor:pointer}.button:hover,.button.white{background:#FFF;color:#07CB79}.button.white:hover{background:#07CB79;color:#FFF}.button:before,.button.white:hover:before{position:absolute;right:16px;top:18px;content:"";width:16px;border-bottom:2px solid #FFF;transition:.5s}.button:after,.button.white:hover:after{position:absolute;right:15px;top:14px;content:"";border:solid #FFF;border-width:0 2px 2px 0;padding:4px;transform:rotate(-45deg);transition:.5s}.button:hover:before{border-color:#07CB79;right:25px !important}.button.white:before{border-color:#07CB79}.button:hover:after{right:26px !important;border-color:#07CB79}.button.white:after{border-color:#07CB79}.clear{clear:both}header{width:100%;background-color:#FFF;padding:15px 0 11px 0}header .logo{margin-right:60px;display:inline-block}header .logo img{height:80px;width:100% !important}header nav{display:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}header nav ul li{float:left;margin-left:20px;list-style:none}header nav ul li a{color:#3D4451;padding:5px;text-decoration:none;text-transform:uppercase;font-size:16px}header nav ul li:hover a{color:#07CB79;border-bottom:2px solid #07CB79}.toggle_mobile_menu{display:block;position:absolute;top:50%;right:0;width:40px;height:36px;z-index:300}.toggle_mobile_menu.open{transform:translateY(-50%)}.toggle_mobile_menu.close{right:20px;top:20px}.toggle_mobile_menu span{position:relative;background:#07CB79;display:block;height:4px;top:6px;margin:0 auto 6px auto;width:32px}#mobile_menu{position:fixed;width:300px;height:100%;top:0;left:100%;background-color:#07CB79;z-index:200;padding:50px 0 0 30px;transition:.5s}#mobile_menu.shown{margin-left:-300px}#mobile_menu ul{list-style:none;margin:0}#mobile_menu ul li a{display:inline-block;color:#FFF !important;padding:5px;font-weight:700;font-size:18px;margin-bottom:20px;text-decoration:none}#mobile_menu .toggle_mobile_menu span:first-child{background:#FFF;top:14px;transform:rotate(45deg)}#mobile_menu .toggle_mobile_menu span:last-child{background:#FFF;top:4px;transform:rotate(135deg)}#banner{background-color:#3D4451;background-image:url(/assets/img/background.webp);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;text-align:center;color:#FFF}#banner:after,#portfolio:after{content:"";position:absolute;left:0;top:20px;width:240px;height:1000px;background-image:url(/assets/img/mark.svg);background-repeat:no-repeat}#portfolio:after{left:auto;right:0;transform:rotate(180deg)}#banner .particles-js-canvas-el{position:absolute;top:0;left:0}#banner .container{padding:60px 0}#banner .slogan{font-weight:700;margin-bottom:20px}#banner .description .button{width:100%;margin-top:10px}#services .service{box-shadow:0 0 15px 3px rgba(0,0,0,.1);margin-top:50px;margin-bottom:30px;padding:20px 20px 10px 20px;text-align:center;background-color:#FFF}#services .service .icon{height:100px;width:100px;border-radius:50%;background-color:#07CB79;background-position:center;background-repeat:no-repeat;background-size:auto 55%;margin:-70px auto 20px auto}#portfolio{background-color:#F5F5F5;position:relative}#portfolio .project{display:block;margin-bottom:20px;box-shadow:0 0 15px 3px rgba(0,0,0,.1);text-decoration:none;height:220px;background-color:#FFF;position:relative;overflow:hidden}#portfolio .project .background{position:absolute;left:10%;top:20%;width:80%;height:60%;background-repeat:no-repeat;background-position:center;background-size:contain;z-index:5}#portfolio .project .wrapper{display:table;margin-left:calc(-100% - 1px);height:100%;width:calc(100% + 1px);text-align:center;background-color:rgba(9,203,121,.9);transition:.5s;color:#FFF;z-index:10;position:relative;padding:10px}#portfolio .project:hover .wrapper{margin-left:0}#portfolio .project .inner{display:table-cell;vertical-align:middle}#portfolio .project h4{font-size:18px}#portfolio .project .button{background-color:#FFF;color:#07CB79}#portfolio .project .button:before,#portfolio .project .button:after{border-color:#07CB79}#skills .skill{margin-bottom:20px;line-height:40px;height:42px;font-weight:700;border:1px solid #07CB79;position:relative}#skills .skill .bar{display:inline-block;background-color:#07CB79;padding:0 10px;color:#FFF}#skills .skill .name{float:left;margin-right:10px}#skills .skill .percentage{float:right}#contact{background-color:#F5F5F5}#contact .contact{padding:20px;background-color:#FFF;margin-bottom:20px;box-shadow:0 0 15px 3px rgba(0,0,0,.1)}#contact .contact form{margin-bottom:20px}#contact #contact_form img{max-height:200px}#contact .privacy_accept{font-size:12px}#contact .social_media{width:50px;height:50px;background-color:#07CB79;background-size:60% auto;background-position:center;background-repeat:no-repeat;float:left}#contact .linkedin{margin-right:15px}#privacy_statement{display:none;background:#07CB79;color:#FFF}#privacy_statement a{color:#FFF}footer{background-color:#3D4451;line-height:50px;color:#FFF;text-align:center;font-weight:700}@media (min-width:440px){#banner .description{font-size:16px}}@media (min-width:768px){#banner:after,#portfolio:after{width:300px}h1{font-size:40px}h2{font-size:36px}h3{margin-bottom:50px;font-size:26px}h3{font-size:22px}.block{padding:50px 0 30px 0}header{padding:30px 0 26px 0}#banner .container{padding:80px 0}#banner .slogan{font-size:48px}#banner .description{font-size:18px;width:80%;margin:0 auto}#banner .description .button{width:auto;margin:10px 10px 0 10px}#contact .contact{padding:30px;width:calc(50% - 30px)}#services .service,#portfolio .project,#skills .skill{width:calc(50% - 30px);margin-bottom:30px}#portfolio .project{height:260px}}@media (min-width:1040px){header nav{display:block}header .toggle_mobile_menu,#mobile_menu{display:none}#banner:after,#portfolio:after{width:450px}#banner .container{padding:120px 0}#banner .description{font-size:20px;width:60%}#portfolio .project{width:calc(33.33% - 30px)}}@media (min-width:1440px){#portfolio .project{width:calc(25% - 30px)}}