@-webkit-keyframes slideLeft{from{opacity:0;-webkit-transform:translate(40%, -75%);transform:translate(40%, -75%)}to{opacity:1;-webkit-transform:translate(-50%, -75%);transform:translate(-50%, -75%)}}@keyframes slideLeft{from{opacity:0;-webkit-transform:translate(40%, -75%);transform:translate(40%, -75%)}to{opacity:1;-webkit-transform:translate(-50%, -75%);transform:translate(-50%, -75%)}}@-webkit-keyframes slideRight{from{opacity:0;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%)}to{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}@keyframes slideRight{from{opacity:0;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%)}to{opacity:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}}@-webkit-keyframes fadeIn{from{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{from{opacity:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes show{from{opacity:0}to{opacity:1}}@keyframes show{from{opacity:0}to{opacity:1}}@-webkit-keyframes slideRightImg{from{-webkit-transform:translateX(-215%);transform:translateX(-215%);@media (min-width: 1024px){-webkit-transform:translateX(-250%);transform:translateX(-250%)}}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRightImg{from{-webkit-transform:translateX(-215%);transform:translateX(-215%);@media (min-width: 1024px){-webkit-transform:translateX(-250%);transform:translateX(-250%)}}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideLeftImg{from{-webkit-transform:translateX(215%);transform:translateX(215%);@media (min-width: 1024px){-webkit-transform:translateX(-250%);transform:translateX(-250%)}}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideLeftImg{from{-webkit-transform:translateX(215%);transform:translateX(215%);@media (min-width: 1024px){-webkit-transform:translateX(-250%);transform:translateX(-250%)}}to{-webkit-transform:translateX(0);transform:translateX(0)}}.showText{-webkit-animation:fadeIn 2s .7s forwards;animation:fadeIn 2s .7s forwards}.showImg{-webkit-animation:show 3s forwards;animation:show 3s forwards}.slideRightImg{-webkit-animation:slideRightImg 2s .5s forwards;animation:slideRightImg 2s .5s forwards}.slideRightImgLate{-webkit-animation:slideRightImg 2s 1.5s forwards;animation:slideRightImg 2s 1.5s forwards}.slideLeftImg{-webkit-animation:slideLeftImg 2s .5s forwards;animation:slideLeftImg 2s .5s forwards}.slideLeftImgLate{-webkit-animation:slideLeftImg 2s 1.5s forwards;animation:slideLeftImg 2s 1.5s forwards}.fadeIn{-webkit-animation:fadeIn 2s forwards;animation:fadeIn 2s forwards}.fadeInLate{-webkit-animation:fadeIn 2s 1s forwards;animation:fadeIn 2s 1s forwards}.fadeInLater{-webkit-animation:fadeIn 2s 2s forwards;animation:fadeIn 2s 2s forwards}.fadeInLateLater{-webkit-animation:fadeIn 2s 3s forwards;animation:fadeIn 2s 3s forwards}*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Open Sans', sans-serif}html,body{height:100%;font-size:16px;background:#5cdb95;scroll-behavior:smooth}.line{width:100%;height:1px;background-color:#c3b8b8}header{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:110px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background-color:#379683;border-bottom-left-radius:2px;border-bottom-right-radius:2px;overflow:hidden;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-shadow:0 0 65px 15px rgba(0,0,0,0.2);box-shadow:0 0 65px 15px rgba(0,0,0,0.2)}@media (min-width: 768px){header{height:130px}}header.mobile{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}header img{width:90px;height:90px;margin:5px}@media (min-width: 1024px){header img{width:100px;height:100px}}@media (min-width: 1440px){header img{width:110px;height:110px}}header .icon{position:fixed;width:55px;height:55px;border:none;border-radius:50%;right:1px;z-index:6}@media (min-width: 1024px){header .icon{width:70px;height:70px}}@media (min-width: 1440px){header .icon{width:80px;height:80px}}header .icon:hover{background-color:rgba(0,0,0,0.5);-webkit-transform:scale(1.05);transform:scale(1.05)}header .icon.active .hamburger{background-color:rgba(0,0,0,0);-webkit-box-shadow:0 2px 5px rgba(0,0,0,0);box-shadow:0 2px 5px rgba(0,0,0,0)}header .icon.active .hamburger::before{top:0;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#003870}header .icon.active .hamburger::after{top:0;left:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#003870}header .icon .hamburger{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:40px;height:8px;background-color:#5cdb95;cursor:pointer;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2);-webkit-transition:all .3s;transition:all .3s}@media (min-width: 1024px){header .icon .hamburger{width:50px;height:10px}}@media (min-width: 1440px){header .icon .hamburger{width:60px;height:12px}}header .icon .hamburger.test{background-color:#379683}header .icon .hamburger.test::before,header .icon .hamburger.test::after{background-color:#379683}header .icon .hamburger.test1{background-color:#EAF6DE}header .icon .hamburger.test1::before,header .icon .hamburger.test1::after{background-color:#379683}header .icon .hamburger::before,header .icon .hamburger::after{content:"";background-color:#5cdb95;width:40px;height:8px;position:absolute;top:50%;left:50%;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);box-shadow:0 2px 5px rgba(0,0,0,0.2);-webkit-transition:all .3s;transition:all .3s}@media (min-width: 1024px){header .icon .hamburger::before,header .icon .hamburger::after{width:50px;height:10px}}@media (min-width: 1440px){header .icon .hamburger::before,header .icon .hamburger::after{width:60px;height:12px}}header .icon .hamburger::before{-webkit-transform:translate(-50%, -200%);transform:translate(-50%, -200%)}header .icon .hamburger::after{-webkit-transform:translate(-50%, 100%);transform:translate(-50%, 100%)}header .show{left:0}header nav{position:fixed;top:0;left:100%;color:#5cdb95;width:100%;height:110px;z-index:5}@media (min-width: 768px){header nav{height:130px}}header nav.mobile{overflow:hidden;-webkit-transition:all .5s linear;transition:all .5s linear;background-color:#EAF6DE}header nav.mobile ul{width:calc(100% - 56px);height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none}header nav.mobile ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-transform:uppercase;height:100%;font-weight:bold;font-size:11px;padding:2px}@media (min-width: 375px){header nav.mobile ul li{font-size:15px}}@media (min-width: 425px){header nav.mobile ul li{font-size:18px}}@media (min-width: 1024px){header nav.mobile ul li{font-size:30px}}@media (min-width: 1440px){header nav.mobile ul li{font-size:35px}}header nav.mobile ul li:hover{background-color:rgba(0,0,0,0.2);cursor:pointer}header nav.mobile ul li a{text-decoration:none;color:#003870;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}.main{height:85vh;position:relative;overflow-x:hidden}.main .container{height:80%;width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:10px 5px}.main .container h1{font-size:2em;width:100%;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align-last:center;color:#edf5e1;text-shadow:1px 1px rgba(0,0,0,0.2);-webkit-animation:slideRight 2s;animation:slideRight 2s}@media (min-width: 768px){.main .container h1{font-size:2.5em}}@media (min-width: 1024px){.main .container h1{font-size:4em}}.main .container p{width:100%;position:absolute;top:5%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);text-align-last:center;color:#379683;-webkit-animation:slideRight 2s;animation:slideRight 2s}@media (min-width: 768px){.main .container p{top:6%;font-size:1.5em}}@media (min-width: 1024px){.main .container p{top:10%;font-size:2em}}.main .container img{width:100%;height:60%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -75%);transform:translate(-50%, -75%);-webkit-animation:slideLeft 2s;animation:slideLeft 2s}@media (min-width: 768px){.main .container img{width:70%;height:70%;top:70%}}@media (min-width: 1024px){.main .container img{width:50%;height:65%}}@media (min-width: 1440px){.main .container img{width:30rem;height:80%}}.about{height:800px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.about .container{width:85%;min-height:600px;margin-top:135px;background-color:#dedfe0;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 65px 15px rgba(0,0,0,0.2);box-shadow:0 0 65px 15px rgba(0,0,0,0.2);overflow:hidden}@media (min-width: 768px){.about .container{width:60%}}@media (min-width: 1024px){.about .container{width:50%}}@media (min-width: 1440px){.about .container{width:50rem;min-height:700px}}.about .container .me{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px}@media (min-width: 768px){.about .container .me{height:70%;padding:40px}}.about .container .me .image{width:140px;height:140px;border-radius:50%;overflow:hidden;background-color:#5cdb95;-webkit-box-shadow:0 0 35px 5px rgba(0,0,0,0.2);box-shadow:0 0 35px 5px rgba(0,0,0,0.2);opacity:0}@media (min-width: 1440px){.about .container .me .image{width:200px;height:200px}}.about .container .me .image img{display:block;width:70%;height:100%;margin:0 auto}.about .container .me p{margin-top:20px;opacity:0}@media (min-width: 1440px){.about .container .me p{font-size:22px}}.about .container .me p span{font-weight:bold}.about .container h4{width:100%;text-align:center}@media (min-width: 768px){.about .container h4{font-size:20px}}@media (min-width: 1440px){.about .container h4{font-size:26px}}.about .container .links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.about .container .links:first-of-type{background-color:#fff}.about .container .links::before{content:'';width:1px;height:100%;background-color:#c3b8b8;position:absolute;top:0}.about .container .links .img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%}.about .container .links .img:nth-of-type(1) img,.about .container .links .img:nth-of-type(3) img{-webkit-transform:translateX(-215%);transform:translateX(-215%)}@media (min-width: 1024px){.about .container .links .img:nth-of-type(1) img,.about .container .links .img:nth-of-type(3) img{-webkit-transform:translateX(-250%);transform:translateX(-250%)}}.about .container .links .img:nth-of-type(2) img,.about .container .links .img:nth-of-type(4) img{-webkit-transform:translateX(215%);transform:translateX(215%)}@media (min-width: 1024px){.about .container .links .img:nth-of-type(2) img,.about .container .links .img:nth-of-type(4) img{-webkit-transform:translateX(250%);transform:translateX(250%)}}.about .container .links .img img{width:80px;height:80px;-webkit-transform:translateX(0);transform:translateX(0)}@media (min-width: 375px){.about .container .links .img img{width:100px;height:100px}}@media (min-width: 425px){.about .container .links .img img{width:125px;height:125px}}@media (min-width: 768px){.about .container .links .img img{width:100px;height:100px}}.skills{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.skills .container{position:relative;height:900px;width:85%;margin-top:135px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;border-radius:10px;background-color:#dedfe0;-webkit-box-shadow:0 0 65px 15px rgba(0,0,0,0.2);box-shadow:0 0 65px 15px rgba(0,0,0,0.2)}@media (min-width: 768px){.skills .container{width:60%}}@media (min-width: 1024px){.skills .container{width:50%}}@media (min-width: 1440px){.skills .container{width:50rem}}.skills .container::before{content:'';width:1px;height:100%;background-color:#c3b8b8;position:absolute;top:0}.skills .container h1{text-transform:uppercase;font-size:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:100%;flex-basis:100%;height:13%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#dedfe0;z-index:1}@media (min-width: 1440px){.skills .container h1{font-size:45px}}.skills .container .logos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between;-ms-flex-preferred-size:50%;flex-basis:50%;height:22%;overflow:hidden}.skills .container .logos p{text-transform:uppercase;font-weight:bold}@media (min-width: 1440px){.skills .container .logos p{font-size:25px}}.skills .container .logos img{width:70%;height:60%;display:block;opacity:0}@media (min-width: 375px){.skills .container .logos img{width:60%;height:70%}}@media (min-width: 425px){.skills .container .logos img{width:75%;height:60%;margin-bottom:10px}}@media (min-width: 768px){.skills .container .logos img{width:50%;height:60%;margin-bottom:0}}@media (min-width: 1440px){.skills .container .logos img{width:30%}}.skills .container .logos:nth-of-type(9) img{height:57%;width:70%}@media (min-width: 375px){.skills .container .logos:nth-of-type(9) img{width:60%;height:60%}}@media (min-width: 768px){.skills .container .logos:nth-of-type(9) img{width:45%;height:60%}}@media (min-width: 1440px){.skills .container .logos:nth-of-type(9) img{width:27%;height:60%}}.project{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;text-transform:uppercase;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (min-width: 768px){.project{height:900px}}.project h1{width:100%;text-align:center;margin-top:130px}@media (min-width: 768px){.project h1{font-size:30px;margin-top:0}}@media (min-width: 1024px){.project h1{margin-top:130px}}@media (min-width: 1440px){.project h1{font-size:50px}}.project .container{width:100%;height:950px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}@media (min-width: 768px){.project .container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;height:500px}}@media (min-width: 1024px){.project .container{width:90%;height:700px}}@media (min-width: 1440px){.project .container{width:80%;height:700px}}.project .container .projects{width:90%;height:220px;position:relative;overflow:hidden;border-radius:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width: 768px){.project .container .projects{width:45%}}@media (min-width: 1024px){.project .container .projects{width:37%}}@media (min-width: 1440px){.project .container .projects{width:35%;height:300px}}.project .container .projects:hover>.links{opacity:.85}.project .container .projects:hover>a>img{-webkit-transform:scale(1.15);transform:scale(1.15);opacity:1}.project .container .projects:nth-of-type(3):hover>a>img{-webkit-transform:scale(1.05);transform:scale(1.05)}.project .container .projects:nth-of-type(2) h2{color:#bfb8b8}.project .container .projects h2{position:absolute;font-size:20px;z-index:2;text-align:center}.project .container .projects a img{width:100%;height:100%;opacity:.7;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.project .container .projects .links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:20%;position:absolute;bottom:0;background-color:#c5c5b0;opacity:1;-webkit-transition:.3s linear;transition:.3s linear}@media (min-width: 768px){.project .container .projects .links{opacity:.75}}@media (min-width: 1024px){.project .container .projects .links{background:#586666;opacity:0}}.project .container .projects .links a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;color:#000;text-decoration:none;font-weight:bold;position:relative;margin-left:5px}@media (min-width: 1024px){.project .container .projects .links a{font-size:20px}}@media (min-width: 1440px){.project .container .projects .links a{font-size:25px}}.project .container .projects .links a.effect-underline:after{content:'';position:absolute;left:0;top:0;display:inline-block;height:22px;width:100%;border-bottom:2px solid;margin-top:10px;opacity:0;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;transition:opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;-webkit-transform:scale(0, 1);transform:scale(0, 1)}@media (min-width: 1440px){.project .container .projects .links a.effect-underline:after{height:33px;border-bottom:3px solid}}.project .container .projects .links a.effect-underline:hover:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.contact{width:100%;height:100vh;color:#003870;padding:20px 0;background:-webkit-gradient(linear, left top, left bottom, from(#dedfe0)),url(../images/email-pattern.png);background:linear-gradient(#dedfe0),url(../images/email-pattern.png);background-blend-mode:multiply;position:relative}@media (min-width: 1024px){.contact{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.contact .container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:80%;height:70%;margin:0 auto;background-color:#dedfe0;padding:30px 20px;border-radius:5px;-webkit-box-shadow:0 0 35px 5px rgba(0,0,0,0.2);box-shadow:0 0 35px 5px rgba(0,0,0,0.2)}@media (min-width: 768px){.contact .container{width:60%}}@media (min-width: 1024px){.contact .container{height:auto}}@media (min-width: 1440px){.contact .container{width:35%}}.contact .container label{width:100%;text-align:left}.contact .container form{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.contact .container form h1{width:100%;text-align:center;font-size:30px}.contact .container form p{width:100%;text-align:center;margin-bottom:30px}.contact .container form p a{text-decoration:none;color:#003870}.contact .container form input{width:100%;padding:6px;border:1px solid #ccc;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:5px}.contact .container form textarea{width:100%;height:150px;padding:6px;border:1px solid #ccc;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;resize:vertical;margin-bottom:10px}.contact .container form input[type="submit"]{color:#003870;margin-right:0;width:100px;height:30px;border-radius:5px;border:none;background-color:#EAF6DE;cursor:pointer;font-weight:bold;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.15);box-shadow:0 1px 5px rgba(0,0,0,0.15)}
/*# sourceMappingURL=main.css.map */