a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,footer,header,hgroup,section{display:block}html{font-size:62.5%}body{overflow-x:hidden;background-color:#f3f5f4;color:#464c52;font-family:Georgia,Times,"Times New Roman",serif;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23b2c1c0' fill-opacity='0.3' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E")}.header{width:90%;margin:0 auto;text-align:center}.header>.logo{height:12rem;width:12rem;margin:0 auto 1.5rem auto;position:relative;border-radius:10rem;background:#282d31;border:5px solid #fff;box-shadow:0 5px 13px #d2d9dd}.header>.logo>svg{height:5.6rem;width:5.6rem;margin:-2.8rem 0 0 -2.6rem;position:absolute;top:50%;left:50%;fill:#fff}.header>.intro{margin:0 auto}.header>.intro>.name{font-size:15px;font-size:1.5rem;padding:.3rem;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;letter-spacing:.2px}.header>.intro>.title{font-size:16px;font-size:1.6rem;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.2px;text-transform:uppercase}.header>.intro>.helloText{font-size:15px;font-size:1.5rem;padding:2rem 0 2rem 0;line-height:1.6}.header>.intro>.punchLine{font-size:20px;font-size:2rem;line-height:1.4}.header>.intro>.punchLine>a{padding:.5rem .2rem;color:#464c52}.header>.navLang{font-size:13px;font-size:1.3rem;top:1.2rem;right:1.2rem;position:absolute;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}.header>.navLang>a{padding:.5rem .2rem;color:#464c52}.portfolio{padding:3rem 0 0 0;width:90%;margin:0 auto;overflow-x:auto;box-sizing:border-box;-webkit-overflow-scrolling:touch}.portfolio>.list{min-width:360rem;width:auto;list-style-type:none;overflow:hidden;text-align:left}.portfolio .item{max-width:28rem;margin:0 0 1.6rem 1.6rem;display:inline-block;background:#fff;box-shadow:0 5px 13px #d2d9dd;text-align:center}.portfolio .item>a{display:block;color:inherit;text-decoration:none}.portfolio .item .itemCont{padding:1.5rem}.portfolio .item .itemTitle{font-size:18px;font-size:1.8rem;padding-bottom:1rem}.portfolio .item .itemText{font-size:14px;font-size:1.4rem;height:8.8rem;overflow:hidden;font-style:italic;line-height:1.5;box-sizing:border-box}.portfolio .item .itemTag{font-size:12px;font-size:1.2rem;padding-top:.5rem;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;color:#e44d26;display:block}.portfolio .imgCont{overflow:hidden}.portfolio .imgCont>img{height:auto;width:100%;-webkit-filter:blur(12px);filter:blur(12px);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.portfolio .imgCont.aboveFold>img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray;opacity:.9}.portfolio .imgCont.aboveFold>img,.portfolio .imgCont.loaded>img{-webkit-filter:none;filter:none}.aboutMe{padding:1rem 0;margin:0 auto;overflow:hidden;width:90%}.aboutMe .defaultLink{color:inherit}.aboutContent{text-align:center;box-sizing:border-box}.aboutContent>.myPic{margin:0 auto}.aboutContent>.aboutMeShortly{padding:.5rem 0}.aboutContent .aboutTitle{font-size:20px;font-size:2rem;line-height:1.6}.aboutContent .aboutText{font-size:14px;font-size:1.4rem;line-height:1.5;padding-bottom:.8rem}.aboutExtras{font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}.aboutExtras>.infos{font-size:14px;font-size:1.4rem;padding:1rem 0;margin:1rem 0 2rem 0;border:1px solid #d2d9dd;border-width:1px 0;text-align:center;line-height:1.8}.skills{padding:0 0 1rem 0}.skills>.skillsTitle{font-size:16px;font-size:1.6rem;padding-bottom:.7rem;font-weight:700;text-align:center}.skills>.skillsList{font-size:12px;font-size:1.2rem;list-style-type:none;line-height:1.8}.skills>.skillsList>li{margin-top:.5rem;position:relative}.skills .skillsText{padding-left:.5rem;position:relative;color:#f3f5f4;z-index:3}.skills .percentage{height:2rem;position:absolute;right:0;left:0;top:0;background:#d2d9dd}.skills .percentage:after{height:20px;height:2rem;content:'';position:absolute;left:0;top:0;background:#e44d26;z-index:2}.skills .percentage.p90:after{width:90%}.skills .percentage.p80:after{width:80%}.skills .percentage.p70:after{width:70%}.skills .percentage.p60:after{width:60%}.contactMe{padding:1rem 0;margin:0 auto;overflow:hidden;width:90%}.contactMe>.contactTitle{font-size:20px;font-size:2rem;padding-bottom:.7rem;text-align:center}.contactForm{padding:1rem 0;overflow:hidden;position:relative}.contactForm>.contactFieldOne{padding:0 0 1rem 0}.contactForm input{padding:1rem;margin-bottom:1.2rem;width:100%;border-radius:4px;border:1px solid #d2d9dd;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;box-sizing:border-box;color:#464c52;-webkit-transition:all 150ms linear;transition:all 150ms linear;box-shadow:none}.contactForm input:focus{border:1px solid #98a8b1;outline:0;box-shadow:0 0 10px #e1e5e8}.contactForm select{padding:1rem;width:100%;border-radius:4px;box-sizing:border-box;border:1px solid #d2d9dd;color:#464c52;background:#fff;-webkit-transition:all .1s linear;transition:all .1s linear}.contactForm select:focus{border:1px solid #98a8b1;outline:0;box-shadow:0 0 10px #e1e5e8}.contactForm textarea{height:18.8rem;padding:1rem;margin-bottom:1.2rem;width:100%;max-width:100%;box-sizing:border-box;color:#464c52;border-radius:4px;border:1px solid #d2d9dd;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;-webkit-transition:all .1s linear;transition:all .1s linear}.contactForm textarea:focus{border:1px solid #98a8b1;outline:0;box-shadow:0 0 10px #e1e5e8}.contactForm .submitButton{padding:1.1rem;width:100%;border-radius:4px;color:#f3f5f4;border:none;background:#596068;box-sizing:border-box}.contactForm .successText{font-size:13px;font-size:1.3rem;padding:2rem;margin:1rem auto;background:#fff;border:1px solid #dee2e5;border-radius:4px;text-align:center;color:#5ea910;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;box-shadow:0 0 10px #e1e5e8;-webkit-animation:slideInSuccess 350ms ease-in-out;animation:slideInSuccess 350ms ease-in-out}.contactForm .error{border-color:#e44d26;box-shadow:0 0 10px #f8cfc5}.mascota{padding:3.5rem 0 0}.mascota>img{margin:0 auto;display:block}.footer{font-size:11px;font-size:1.1rem;margin:0 auto;width:90%;padding:1rem 0 1.2rem 0;border-top:1px solid #d2d9dd;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;text-align:center;color:#5b636b}.backBtn{width:3.5rem;position:absolute;left:0;top:0;bottom:0;display:block;text-align:center}.backBtn>svg{width:2.4rem;height:auto;margin:-1.2rem 0 0 -1.2rem;position:absolute;top:50%;left:50%;fill:#e44d26}.mainHeader{padding:15px;padding:1.5rem;background:rgba(255,255,255,.9);border-bottom:1px solid #d2d9dd;position:relative}.mainHeader>h1{font-size:15px;font-size:1.5rem;text-align:center;line-height:1}.mainContent{padding:0 0 20px 0;padding:0 0 2rem 0;margin:0 auto;text-align:center}.mainContent>.imgCont{padding-bottom:30px;padding-bottom:3rem;margin:0 auto}.mainContent>.imgCont>img{vertical-align:bottom;width:100%;height:auto}.mainContent>p{font-size:14px;font-size:1.4rem;padding-bottom:8px;padding-bottom:.8rem;line-height:1.5;width:90%;margin:0 auto}.mainContent>p>a{color:inherit}.viewCont{-webkit-backface-visibility:hidden;backface-visibility:hidden}.viewCont.slideIn{-webkit-animation:slideIn .5s ease-in-out;animation:slideIn .5s ease-in-out}.viewCont.slideOut{-webkit-animation:slideOut .5s ease-in-out;animation:slideOut .5s ease-in-out}.viewCont.homePage{padding-top:4rem}@media screen and (min-width:39.5em){.aboutContent{text-align:left}.aboutContent>.myPic{float:left;margin:0 1rem 1rem 0}.aboutExtras>.infos{padding:1rem 0 2rem 0;margin:0;border:none;text-align:left}.skills>.skillsTitle{text-align:left}}@media screen and (min-width:53em){.header>.logo{width:16rem;height:16rem}.header>.logo>svg{height:8rem;width:8rem;margin:-4rem 0 0 -3.7rem}.header>.intro>.name{font-size:16px;font-size:1.6rem;margin:0 auto;width:15rem}.header>.intro>.title{font-size:17px;font-size:1.7rem;margin:0 auto}.header>.intro>.helloText{font-size:16px;font-size:1.6rem;padding:2rem 0 3.5rem 0}.header>.intro>.punchLine{font-size:22px;font-size:2.2rem}.header>.intro>.punchLine>a{-webkit-transition:color .1s linear;transition:color .1s linear}.header>.intro>.punchLine>a:hover{color:#e44d26}.header>.navLang{font-size:14px;font-size:1.4rem}.header>.navLang a{-webkit-transition:color .1s linear;transition:color .1s linear}.header>.navLang a:hover{color:#e44d26}.aboutMe .defaultLink{-webkit-transition:color .1s linear;transition:color .1s linear}.aboutMe .defaultLink:hover{color:#e44d26}.aboutContent>.myPic{margin:0 3rem 2rem 0}.aboutContent>.aboutMeShortly{padding:1rem 0 2.5rem 0}.aboutContent .aboutTitle{font-size:24px;font-size:2.4rem}.aboutContent .aboutText{font-size:16px;font-size:1.6rem;line-height:1.6;padding-bottom:1.2rem}.contactMe{padding:3rem 0 1rem 0}.contactMe>.contactTitle{font-size:24px;font-size:2.4rem;text-align:left}.contactForm.success~.mascota{padding:0}.contactForm>.contactFieldOne{float:left;width:45%;padding:0}.contactForm>.contactFieldTwo{float:right;width:53.5%}.contactForm textarea{max-height:18.8rem}.contactForm .submitButton{position:relative;bottom:1px;cursor:pointer;-webkit-transition:background 150ms linear;transition:background 150ms linear}.contactForm .submitButton:hover{background:#33383c}.contactForm .submitButton:active{bottom:-1px}.contactForm .successText{font-size:15px;font-size:1.5rem}.backBtn{width:6.2rem}.backBtn>svg{width:3.5rem;margin:-1.75rem 0 0 -1.75rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.backBtn:hover>svg{-webkit-transform:translateX(-3px);-ms-transform:translateX(-3px);transform:translateX(-3px)}.mainHeader{padding:20px;padding:2rem;position:fixed;top:0;left:0;right:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.mainHeader>h1{font-size:22px;font-size:2.2rem}.mainContent{padding:100px 0 20px 0;padding:10rem 0 2rem 0}.mainContent>.imgCont{max-width:1100px;max-width:110rem;padding-bottom:40px;padding-bottom:4rem;width:90%}.mainContent>.imgCont>img{vertical-align:bottom;width:100%;height:auto;box-shadow:0 2px 10px #d2d9dd}.mainContent>p{font-size:16px;font-size:1.6rem;padding:0 60px 15px 60px;padding:0 6rem 1.5rem 6rem;max-width:1100px;max-width:110rem;line-height:1.6;box-sizing:border-box}.mainContent>p>a{-webkit-transition:color .1s linear;transition:color .1s linear}.mainContent>p>a:hover{color:#e44d26}}@media screen and (min-width:65em){.portfolio{padding:3rem 1.6rem 3rem 0;overflow:hidden}.portfolio>.list{min-width:0;text-align:center}.portfolio .item{border-width:1px;cursor:pointer;-webkit-transition:all .2s linear;transition:all .2s linear}.portfolio .item>a:hover{border-color:#bec8ce}.portfolio .item>a:hover .imgCont>img{-webkit-filter:none;filter:none;opacity:1}.portfolio .imgCont>img{-webkit-filter:blur(12px) grayscale(100%);filter:blur(12px) grayscale(100%);-webkit-filter:blur(12px) gray;filter:blur(12px) gray}.portfolio .imgCont.aboveFold>img,.portfolio .imgCont.loaded>img{-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray;opacity:.9}}@media screen and (min-width:78em){.portfolio{padding:6rem 0 4rem 0;width:120rem}.portfolio .item{max-width:28rem;float:left;display:inherit}.aboutMe{width:116rem}.aboutContent{float:left;width:75%;padding-right:5%}.aboutExtras{margin-top:2rem;float:left;width:21%;padding-left:3%;border-left:1px solid #d2d9dd}.aboutExtras>.infos{padding-bottom:12rem}.skills>.skillsList>li{margin:0}.skills .skillsText{padding-left:0;color:#e44d26}.skills .percentage{width:10rem;height:.8rem;top:.6rem;left:auto}.skills .percentage:after{height:8px;height:.8rem}.contactMe{width:116rem}.contactForm{float:left;width:75%}.mascota{padding-top:12rem;float:left;width:25%}.footer{width:116rem;margin-top:5rem}}@-webkit-keyframes scaleout{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.1}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.8}100%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.1}}@keyframes scaleout{0%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.1}50%{-webkit-transform:scale(1.2);transform:scale(1.2);opacity:.8}100%{-webkit-transform:scale(.1);transform:scale(.1);opacity:.1}}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideOut{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}}@keyframes slideOut{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}}@-webkit-keyframes slideInSuccess{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideInSuccess{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}