@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:10px;scroll-behavior:smooth}@media print{html{font-size:10pt}}::-moz-selection{background-color:#11abb0;color:#fff}::selection{background-color:#11abb0;color:#fff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;color:#838c95;font-family:"Open Sans", sans-serif;font-size:16px}@media print{body{max-width:210mm;margin:0 auto;font-size:10pt}}h2{color:#000;font-size:2.2rem;font-weight:700;line-height:3rem;margin-bottom:1.2rem}p{font-size:1.6rem;line-height:3rem;margin:0 0 3rem}em{font-style:italic}.about{background-color:#2b2b2b;padding:50px 25px}@media (min-width: 768px){.about{padding:100px 60px}}@media print{.about{background-color:#FFF;padding:15mm 12.5mm}}.about h2{color:#fff}@media (min-width: 768px){.about h2{margin-left:25%}}@media print{.about h2{color:#2b2b2b}}.about p{color:#7a7a7a}@media (min-width: 768px){.about p{margin-left:25%}}@media (max-width: 767px) and (orientation: landscape), (min-width: 768px){.about .contact p{display:inline-block;width:30%}}@media (max-width: 767px) and (orientation: landscape), (min-width: 768px){.about .btn{float:right;width:50%;margin-top:-42px}}@media (max-width: 767px) and (orientation: landscape) and (orientation: portrait), (min-width: 768px) and (orientation: portrait){.about .btn{width:40%}}@media (min-width: 768px) and (orientation: landscape){.about .btn{width:40%}}@media (min-width: 768px){.about__content{position:relative;box-sizing:border-box;margin:0 auto;max-width:1020px}.about__content:after{background:url("../images/profile.jpg") no-repeat center center;background-size:cover;border-radius:50%;content:"";position:absolute;left:0;top:0;width:100px;height:100px;overflow:hidden}}@media (min-width: 992px){.about__content:after{height:150px;width:150px}}@media print{.about__content{display:flex;flex-direction:column;page-break-inside:avoid}.about__content:after{content:none}.about__content h2{font-size:18pt;margin-left:0}.about__content p{font-size:12pt;line-height:150%;margin-left:0}.about__content #contactAbout{order:-1;flex:0 0 1cm;margin-bottom:15pt}.about__content #contactAbout:before{content:url("../images/profile.jpg");float:left;border-radius:50%;overflow:hidden;width:4cm;height:4cm;margin-top:45pt;margin-right:15mm}.about__content #contactAbout h2{display:none}.about__content #contactAbout p{margin-left:0;font-size:12pt;line-height:150%}.about__content #contactAbout p:before{color:#2b2b2b;content:'Curriculum Vitae';display:block;font-size:20pt;font-weight:700;margin-bottom:25pt;margin-left:-55mm}}.btn{background-color:#444;border-radius:3px;box-sizing:border-box;color:#fff;display:inline-block;font-size:1.6rem;font-weight:700;line-height:3rem;padding:15px 20px;text-align:center;text-decoration:none;transition:all 0.4s ease;width:100%}.btn svg{margin-right:15px}.btn:hover{background-color:#fff;color:#2b2b2b}.contactarea{background-color:#2b2b2b;display:block;padding:50px 25px}@media (min-width: 768px){.contactarea{padding:100px 60px}}@media print{.contactarea{display:none}}.contactarea h2{color:#fff;font-size:1.6rem;line-height:2.4rem;letter-spacing:3px;text-align:center;text-shadow:#000 0px 1px 3px;text-transform:uppercase}@media (min-width: 768px){.contactarea h2{text-align:left}}.contactarea h3{color:#fff;font-size:1.6rem;font-weight:600;line-height:2.4rem;margin-bottom:0.6rem}.contactarea p{color:#7a7a7a}@media (max-width: 767px) and (orientation: landscape){.contactarea #contactForm{display:inline-block;width:55%}.contactarea #contactInfo{float:right;width:40%}}@media (min-width: 768px){.contactarea #contactForm{display:inline-block;width:100%}.contactarea #contactInfo{width:40%}}@media (min-width: 992px){.contactarea #contactForm{display:inline-block;width:55%}.contactarea #contactInfo{float:right;width:40%}}.contactarea__content{box-sizing:border-box;margin:0 auto;max-width:1020px}@media (min-width: 768px){.contactarea__content{display:flex;justify-content:space-between}}.contact-form{display:block;width:100%}.contact-form input{background-color:#373233;border:none;border-bottom:3px solid #373233;box-sizing:border-box;color:#fff;font-size:1.5rem;height:6rem;line-height:2.4rem;padding:1.8rem 2rem 1.5rem;text-align:left;transition:all 0.4s ease;width:100%}.contact-form input:-webkit-autofill,.contact-form input:-moz-autofill{background-color:#373233;border-bottom-color:#faffbd}.contact-form input:focus{border-color:#11abb0;outline:none}.contact-form textarea{background-color:#373233;border:3px solid #373233;box-sizing:border-box;color:#fff;font-size:1.5rem;height:15.6rem;line-height:2.4rem;padding:1.5rem 1.7rem;resize:none;text-align:left;transition:all 0.4s ease;width:100%}.contact-form textarea:focus{border-color:#11abb0;outline:none}.contact-form button{background-color:#0d0d0d;border:3px solid #0d0d0d;color:#fff;cursor:pointer;font-size:1.6rem;font-weight:600;letter-spacing:3px;padding:0.9rem 1.7rem;text-transform:uppercase;transition:all 0.4s ease}.contact-form button:hover:not([disabled]){background-color:#fff;color:#0d0d0d;outline:none}.contact-form button:focus{border-color:#11abb0;outline:none}.contact-form button svg{margin-right:15px}.contact-form__row{display:block;margin:0 0 2.4rem}.contact-form__label{color:#fff;display:block;font-size:1.5rem;font-weight:600;line-height:2.4rem;margin-bottom:1.2rem}.contact-form__optional{font-size:1.3rem;font-weight:300}@media (min-width: 768px){.contactarea__text{flex:0 0 75%}}.contactarea__icon{display:none}@media (min-width: 768px){.contactarea__icon{color:#fff;display:inline;flex:0 0 25%;font-size:8rem}}.footer{background-color:transparent;display:block;padding:0 2.5rem;position:relative;text-align:center}@media (min-width: 768px){.footer{padding:0 5rem}}@media print{.footer{display:none}}.footer__btt{background-color:#525252;border-radius:50%;color:#fff;display:inline-block;font-size:2rem;line-height:5.4rem;margin:-2.7rem auto 2.1rem;text-align:center;width:5.4rem}.footer__socials{display:flex;justify-content:center;margin:0 auto}.footer__socials li a{color:#525252;display:inline-block;font-size:2rem;line-height:3.4rem;transition:all .4s ease;width:3.4rem;opacity:.4}.footer__socials li a:hover{color:#FFF;opacity:.8}@media (min-width: 768px){.footer__socials li a{font-size:2.8rem;line-height:4.8rem;width:7.2rem}}.footer__legals{color:#3d3d3d;font-size:1.4rem;margin:1.5rem auto 2rem}.footer__legals a{color:#525252;text-decoration:none;transition:all 0.4s ease}.footer__legals a:hover{color:#fff}@media (min-width: 768px){.footer__legals{margin:3rem auto;font-size:1.6rem}}.footer__legals--split{display:block;font-size:0;height:0}@media (min-width: 768px){.footer__legals--split{color:rgba(17,171,176,0.4);display:inline-block;font-size:1.6rem;margin:0 0.7rem}}.intro{background:url("images/intro.jpg") no-repeat;background-position:center bottom;background-size:cover;position:relative}@media print{.intro{display:none}}.intro:before{background-image:linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(0,0,0,0.6));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.intro h1{color:#FFF;display:inline}.intro p{margin-bottom:0}@media (min-width: 768px){.intro p{max-width:490px}}.intro .intro__before{display:inline-block}.intro__content{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 25px;position:relative;text-align:center;z-index:5}@media (min-width: 768px){.intro__content{padding:0 100px}}.intro__content:before{border:1px solid rgba(255,255,255,0.6);border-radius:38px;bottom:25px;content:"";position:absolute;height:25px;width:15px}@media (min-width: 768px){.intro__content:before{height:40px;width:24px}}.intro__content:after{-webkit-animation:scrollIndicator 1.5s ease;animation:scrollIndicator 1.5s ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:rgba(255,255,255,0.6);border-radius:3px;content:"";height:3px;width:3px;bottom:30px;position:absolute}@media (min-width: 768px){.intro__content:after{height:5px;width:5px}}.intro__title{color:#fff;display:block;font-size:4.2rem;font-weight:700;line-height:5.8rem}@media (min-width: 768px){.intro__title{font-size:6.5rem;line-height:7.2rem}}.intro__text{color:#a8a8a8;display:block;font-size:1.4rem;line-height:2rem}@media (min-width: 768px){.intro__text{font-size:1.7rem;line-height:3.2rem}}.intro__text strong{color:#fff}@-webkit-keyframes backgroundScroll{from{background-position:right 100% bottom}to{background-position:right 0% bottom}}@keyframes backgroundScroll{from{background-position:right 100% bottom}to{background-position:right 0% bottom}}@media (min-width: 768px){@-webkit-keyframes scrollIndicator{from{bottom:35px;opacity:1}to{bottom:50px;opacity:0}}@keyframes scrollIndicator{from{bottom:35px;opacity:1}to{bottom:50px;opacity:0}}}@media (max-width: 767px){@-webkit-keyframes scrollIndicator{from{bottom:30px;opacity:1}to{bottom:45px;opacity:0}}@keyframes scrollIndicator{from{bottom:30px;opacity:1}to{bottom:45px;opacity:0}}}.menu-toggle{align-items:center;background-color:#cc5200;border-radius:3px;box-sizing:border-box;display:flex;flex-direction:column;height:3.6rem;justify-content:space-between;padding:0.9rem 0.7rem;pointer-events:all;position:fixed;right:1.9rem;top:1.9rem;width:3.5rem;z-index:500}@media (min-width: 768px){.menu-toggle{display:none}}.menu-toggle__bar{display:block;height:0.2rem;background:#ebeeee;flex:0 0 0.2rem;width:100%;flex-wrap:wrap;border-radius:3px}.menu-toggle--close .menu-toggle__bar--top{-webkit-animation:menuToggleTopClose 0.8s;animation:menuToggleTopClose 0.8s;transform:translateY(0) rotateZ(0)}.menu-toggle--close .menu-toggle__bar--middle{-webkit-animation:menuToggleMiddleClose 0.4s;animation:menuToggleMiddleClose 0.4s;opacity:1}.menu-toggle--close .menu-toggle__bar--bottom{-webkit-animation:menuToggleBottomClose 0.8s;animation:menuToggleBottomClose 0.8s;transform:translateY(0) rotateZ(0)}.menu-toggle--open .menu-toggle__bar--top{-webkit-animation:menuToggleTop 0.8s;animation:menuToggleTop 0.8s;transform:translateY(8px) rotateZ(45deg)}.menu-toggle--open .menu-toggle__bar--middle{-webkit-animation:menuToggleMiddle 0.4s;animation:menuToggleMiddle 0.4s;opacity:0}.menu-toggle--open .menu-toggle__bar--bottom{-webkit-animation:menuToggleBottom 0.8s;animation:menuToggleBottom 0.8s;transform:translateY(-8px) rotateZ(-45deg)}.menu-toggle__checkbox{position:fixed;left:-9999.99rem;top:0}.menu-toggle__checkbox:checked+label+.navigation{opacity:1;pointer-events:all}@-webkit-keyframes menuToggleTop{0%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(8px) rotateZ(0)}100%{transform:translateY(8px) rotateZ(45deg)}}@keyframes menuToggleTop{0%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(8px) rotateZ(0)}100%{transform:translateY(8px) rotateZ(45deg)}}@-webkit-keyframes menuToggleMiddle{0%{opacity:1}100%{opacity:0}}@keyframes menuToggleMiddle{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes menuToggleBottom{0%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(-8px) rotateZ(0)}100%{transform:translateY(-8px) rotateZ(-45deg)}}@keyframes menuToggleBottom{0%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(-8px) rotateZ(0)}100%{transform:translateY(-8px) rotateZ(-45deg)}}@-webkit-keyframes menuToggleTopClose{0%{transform:translateY(8px) rotateZ(45deg)}50%{transform:translateY(8px) rotateZ(0)}100%{transform:translateY(0) rotateZ(0)}}@keyframes menuToggleTopClose{0%{transform:translateY(8px) rotateZ(45deg)}50%{transform:translateY(8px) rotateZ(0)}100%{transform:translateY(0) rotateZ(0)}}@-webkit-keyframes menuToggleMiddleClose{0%{opacity:0}100%{opacity:1}}@keyframes menuToggleMiddleClose{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes menuToggleBottomClose{0%{transform:translateY(-8px) rotateZ(-45deg)}50%{transform:translateY(-8px) rotateZ(0)}100%{transform:translateY(0) rotateZ(0)}}@keyframes menuToggleBottomClose{0%{transform:translateY(-8px) rotateZ(-45deg)}50%{transform:translateY(-8px) rotateZ(0)}100%{transform:translateY(0) rotateZ(0)}}.navigation{align-items:center;background:rgba(0,0,0,0.6);display:flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.4s ease}@media (min-width: 768px){.navigation{background:rgba(0,0,0,0.8);bottom:unset;opacity:1;pointer-events:all}}@media (max-width: 767px){.navigation{height:100%}}@media print{.navigation{display:none}}.navigation__bar{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity 0.4s ease;z-index:100}@media (max-width: 767px){.navigation__bar{pointer-events:none;top:0 !important;bottom:0 !important;left:0 !important;right:0 !important}}@media (min-width: 768px){.navigation__bar{bottom:unset;pointer-events:all}}.navigation__menu{background:#2b2b2b;padding:5vh 0;text-align:left;width:90vw}@media (min-width: 768px){.navigation__menu{background-color:transparent;display:flex;justify-content:center;margin:0 auto;max-width:1020px;padding:0}}.navigation__item{margin:0 5vw}@media (min-width: 768px){.navigation__item{margin:0}}.navigation__link{border-bottom:1px #373233 solid;color:#fff;display:block;font-size:1.3rem;font-weight:700;letter-spacing:0.15rem;line-height:4.8rem;position:relative;text-decoration:none;text-indent:5vw;text-transform:uppercase;transition:color 0.4s ease}@media (min-width: 768px){.navigation__link{border-bottom:none;text-indent:0;padding:0 2.5rem}}.navigation__link.active,.navigation__link:hover{color:#cc5200}.resume{background:#fff;display:block;padding:50px 25px;position:relative}@media (min-width: 768px){.resume{padding:100px 60px}}.resume h2{display:block;font-size:1.6rem;letter-spacing:3px;margin-bottom:4.2rem;text-align:center;text-transform:uppercase}.resume h2 span{border-bottom:3px solid #11abb0;padding-bottom:6px}@media (max-width: 767px) and (orientation: landscape), (min-width: 768px){.resume h2{flex:25%;text-align:left}}.resume h3{color:#000;display:block;font-size:2.5rem;font-weight:700;line-height:3rem;margin-bottom:1.2rem;text-align:center}@media (max-width: 767px) and (orientation: landscape), (min-width: 768px){.resume h3{text-align:left}}.resume p{font-size:1.5rem;line-height:3rem}@media print{.resume{padding:0mm 12.5mm}.resume h2{font-size:18pt}.resume h3{font-size:16pt;line-height:120%;margin-bottom:5pt}.resume p{font-size:12pt;line-height:150%}}.resume__content{box-sizing:border-box;margin:0 auto;max-width:1020px}.resume__content:not(:last-child){border-bottom:1px solid #e8e8e8;margin-bottom:4.8rem;padding-bottom:2.4rem}@media (max-width: 767px) and (orientation: landscape), (min-width: 768px){.resume__content{display:flex;justify-content:space-between;flex-wrap:wrap}}@media print{.resume__content{display:block;page-break-inside:avoid}}.resume__info{color:#6e7881;display:block;font-size:1.6rem;line-height:2.4rem;margin:0.9rem 0 1.8rem;text-align:center}@media (max-width: 767px) and (orientation: landscape), (min-width: 768px){.resume__info{text-align:left}}@media print{.resume__info{font-size:12pt !important;line-height:120% !important;margin-top:0;margin-bottom:5pt}}.resume__date{font-size:1.5rem;line-height:2.4rem;margin-top:0.6rem}@media print{.resume__date{font-size:12pt !important;line-height:120% !important;margin-top:0;margin-bottom:5pt}}.resume__text-split{margin:0 5px}@media (max-width: 767px) and (orientation: landscape), (min-width: 768px){.resume__list{flex:75%}}.skills{display:inline-block;margin-top:3.6rem;width:100%;max-width:480px}@media print{.skills{justify-content:space-between;display:flex;margin-top:9pt;max-width:none}.skills:after{content:'...';font-size:15pt;color:#000}}.skill{background-color:#ccc;border-radius:3px;position:relative;height:4.2rem;margin-bottom:6rem}.skill:last-child{margin-bottom:0}@media print{.skill{background:transparent;margin-bottom:9pt}}.skill__name{color:#000;font-size:1.5rem;font-weight:600;position:relative;text-transform:uppercase;top:-3.6rem}@media print{.skill__name{top:0;font-size:15pt}}.skill__bar{background-color:#313131;border-bottom-left-radius:3px;border-top-left-radius:3px;bottom:0;display:block;left:0;position:absolute;top:0}@media print{.skill__bar{display:none}}.socials{align-items:center;border-top:1px solid rgba(168,168,168,0.4);display:flex;justify-content:space-between;margin-top:20px;overflow:hidden;padding:0}.socials li{-webkit-animation:socialLoad 0.6s ease-out;animation:socialLoad 0.6s ease-out;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;flex:0 0 auto;opacity:1;transform:translateY(0)}.socials li a{color:#fff;display:inline-block;line-height:4.8rem;text-decoration:none;transition:color .4s ease;width:4.8rem}@media (min-width: 768px){.socials li a{font-size:2.8rem;line-height:8rem;width:8rem}}@-webkit-keyframes socialLoad{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes socialLoad{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.works{background-color:#ebeeee;display:block;padding:50px 25px}@media print{.works{display:none}}.works h2{font-size:1.5rem;font-weight:300;line-height:2.4rem;text-align:center;text-transform:uppercase}.works__list{align-items:baseline;display:-ms-grid;display:grid;grid-row-gap:2.5rem;-ms-grid-columns:100%;grid-template-columns:100%;margin:2.5rem auto 0;max-width:1020px}@media (max-width: 767px) and (orientation: landscape), (min-width: 768px){.works__list{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4, 1fr);grid-row-gap:0;grid-column-gap:2rem;justify-content:space-between}}.works__list a{display:block;font-variant:small-caps;margin:0 auto;max-width:25rem;position:relative}.works__list a img{display:block;max-width:100%}.works__name{background-color:rgba(43,43,43,0.8);bottom:0;color:#fff;font-size:1.8rem;font-weight:600;line-height:5rem;left:0;padding:0 2.5rem;position:absolute;right:0}