:root{--white: #fff;--white-primary: #f1f1f1;--white-secondary: #f5f8ff;--black: #000;--black-primary: #252525;--black-secondary: #323232;--gray-dark: #404040}*{margin:0;padding:0;box-sizing:border-box}#header{display:flex;flex-direction:column;align-items:center;margin:6rem}#header .title{font:700 3rem DM Sans,"sans-serif";text-transform:uppercase;letter-spacing:10px}#header .subTitle{display:flex;justify-content:center;font:400 1.5rem DM Sans,"sans-serif";color:var(--black-secondary);margin-top:.5rem;margin-bottom:1rem}#header nav{padding:.5rem}#header nav a{opacity:70%}#header nav ul,#header nav li,#header nav a{display:flex;padding:.5rem;margin-left:1.3rem;margin-right:1.3rem;font:400 1.3rem Roboto,"sans-serif";color:var(--black-secondary);text-transform:uppercase;text-decoration:none;transition:all .4s}#header nav ul a:hover,#header nav li a:hover,#header nav a a:hover{opacity:100%}#header .text-nav:hover:after{position:absolute;content:"";width:50px;height:2px;margin-top:1.5rem;background-color:#323232;opacity:100%}#skills,#projects{display:flex;justify-content:center}#skills .container,#projects .container{background:var(--white-primary);padding:3rem;width:45%;position:fixed;bottom:0;height:60vh;border-radius:8px;overflow:auto}#skills .header-skills,#skills .header-projects,#projects .header-skills,#projects .header-projects{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}#skills .header-skills .choose-skills,#skills .header-skills .choose-projects,#skills .header-projects .choose-skills,#skills .header-projects .choose-projects,#projects .header-skills .choose-skills,#projects .header-skills .choose-projects,#projects .header-projects .choose-skills,#projects .header-projects .choose-projects{display:flex;margin:.5rem}#skills .header-skills .choose-skills .textChoose-projects,#skills .header-skills .choose-projects .textChoose-projects,#skills .header-projects .choose-skills .textChoose-projects,#skills .header-projects .choose-projects .textChoose-projects,#projects .header-skills .choose-skills .textChoose-projects,#projects .header-skills .choose-projects .textChoose-projects,#projects .header-projects .choose-skills .textChoose-projects,#projects .header-projects .choose-projects .textChoose-projects{margin-right:5rem;font:200 1.5rem Roboto,"sans-serif";color:#323232;text-transform:uppercase;text-decoration:none;cursor:pointer}#skills .header-skills .title-skills,#skills .header-skills .title-projects,#skills .header-projects .title-skills,#skills .header-projects .title-projects,#projects .header-skills .title-skills,#projects .header-skills .title-projects,#projects .header-projects .title-skills,#projects .header-projects .title-projects{font:700 2rem Roboto,"sans-serif";color:var(--black-secondary);opacity:70%;text-transform:uppercase}#skills .header-skills .title-skills.loc,#skills .header-projects .title-skills.loc,#projects .header-skills .title-skills.loc,#projects .header-projects .title-skills.loc{opacity:100%}#skills .header-skills .text-skills,#skills .header-skills .link-skills,#skills .header-projects .text-skills,#skills .header-projects .link-skills,#projects .header-skills .text-skills,#projects .header-skills .link-skills,#projects .header-projects .text-skills,#projects .header-projects .link-skills{font: 1rem Roboto,"sans-serif";color:var(--black-secondary);text-transform:uppercase;opacity:70%;margin-left:2rem;cursor:pointer;transition:all .4s;text-decoration:none}#skills .header-skills .text-skills:hover:before,#skills .header-projects .text-skills:hover:before,#projects .header-skills .text-skills:hover:before,#projects .header-projects .text-skills:hover:before{position:absolute;content:"";width:25px;height:2px;margin-top:1.3rem;background-color:#323232;opacity:100%}#skills .body-skills,#skills .body-projects,#projects .body-skills,#projects .body-projects{text-align:center}#skills .body-skills .col-one img,#skills .body-skills .col-two img,#skills .body-projects .col-one img,#skills .body-projects .col-two img,#projects .body-skills .col-one img,#projects .body-skills .col-two img,#projects .body-projects .col-one img,#projects .body-projects .col-two img{margin:1.8rem;width:6rem}#skills .body-skills .FrontEnd,#skills .body-projects .FrontEnd,#projects .body-skills .FrontEnd,#projects .body-projects .FrontEnd{display:flex;justify-content:center;flex-wrap:wrap}#skills .body-skills .FrontEnd .col-one,#skills .body-skills .FrontEnd .col-two,#skills .body-skills .FrontEnd .col-three,#skills .body-projects .FrontEnd .col-one,#skills .body-projects .FrontEnd .col-two,#skills .body-projects .FrontEnd .col-three,#projects .body-skills .FrontEnd .col-one,#projects .body-skills .FrontEnd .col-two,#projects .body-skills .FrontEnd .col-three,#projects .body-projects .FrontEnd .col-one,#projects .body-projects .FrontEnd .col-two,#projects .body-projects .FrontEnd .col-three{display:flex;flex-direction:column}#skills .body-skills .FrontEnd .col-one .text-projects,#skills .body-skills .FrontEnd .col-two .text-projects,#skills .body-skills .FrontEnd .col-three .text-projects,#skills .body-projects .FrontEnd .col-one .text-projects,#skills .body-projects .FrontEnd .col-two .text-projects,#skills .body-projects .FrontEnd .col-three .text-projects,#projects .body-skills .FrontEnd .col-one .text-projects,#projects .body-skills .FrontEnd .col-two .text-projects,#projects .body-skills .FrontEnd .col-three .text-projects,#projects .body-projects .FrontEnd .col-one .text-projects,#projects .body-projects .FrontEnd .col-two .text-projects,#projects .body-projects .FrontEnd .col-three .text-projects{font:700 1.3rem Roboto,"sans-serif"}#skills .body-skills .FrontEnd .col-one .link-projects,#skills .body-skills .FrontEnd .col-two .link-projects,#skills .body-skills .FrontEnd .col-three .link-projects,#skills .body-projects .FrontEnd .col-one .link-projects,#skills .body-projects .FrontEnd .col-two .link-projects,#skills .body-projects .FrontEnd .col-three .link-projects,#projects .body-skills .FrontEnd .col-one .link-projects,#projects .body-skills .FrontEnd .col-two .link-projects,#projects .body-skills .FrontEnd .col-three .link-projects,#projects .body-projects .FrontEnd .col-one .link-projects,#projects .body-projects .FrontEnd .col-two .link-projects,#projects .body-projects .FrontEnd .col-three .link-projects{margin-top:.5rem;font: 1rem Roboto,"sans-serif"}#skills .body-skills .FrontEnd .col-one img,#skills .body-skills .FrontEnd .col-two img,#skills .body-skills .FrontEnd .col-three img,#skills .body-projects .FrontEnd .col-one img,#skills .body-projects .FrontEnd .col-two img,#skills .body-projects .FrontEnd .col-three img,#projects .body-skills .FrontEnd .col-one img,#projects .body-skills .FrontEnd .col-two img,#projects .body-skills .FrontEnd .col-three img,#projects .body-projects .FrontEnd .col-one img,#projects .body-projects .FrontEnd .col-two img,#projects .body-projects .FrontEnd .col-three img{width:25rem;margin:4rem 1rem 1rem;transition:.4s}#skills .body-skills .FrontEnd .col-one img:hover,#skills .body-skills .FrontEnd .col-two img:hover,#skills .body-skills .FrontEnd .col-three img:hover,#skills .body-projects .FrontEnd .col-one img:hover,#skills .body-projects .FrontEnd .col-two img:hover,#skills .body-projects .FrontEnd .col-three img:hover,#projects .body-skills .FrontEnd .col-one img:hover,#projects .body-skills .FrontEnd .col-two img:hover,#projects .body-skills .FrontEnd .col-three img:hover,#projects .body-projects .FrontEnd .col-one img:hover,#projects .body-projects .FrontEnd .col-two img:hover,#projects .body-projects .FrontEnd .col-three img:hover{transform:translateY(-5%);box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}#skills .body-skills .UIDesign,#skills .body-projects .UIDesign,#projects .body-skills .UIDesign,#projects .body-projects .UIDesign{display:flex;justify-content:center}#skills .body-skills .UIDesign .col-one,#skills .body-skills .UIDesign .col-two,#skills .body-projects .UIDesign .col-one,#skills .body-projects .UIDesign .col-two,#projects .body-skills .UIDesign .col-one,#projects .body-skills .UIDesign .col-two,#projects .body-projects .UIDesign .col-one,#projects .body-projects .UIDesign .col-two{position:relative;display:flex;flex-direction:column}#skills .body-skills .UIDesign .col-one .img-project,#skills .body-skills .UIDesign .col-two .img-project,#skills .body-projects .UIDesign .col-one .img-project,#skills .body-projects .UIDesign .col-two .img-project,#projects .body-skills .UIDesign .col-one .img-project,#projects .body-skills .UIDesign .col-two .img-project,#projects .body-projects .UIDesign .col-one .img-project,#projects .body-projects .UIDesign .col-two .img-project{width:10rem;border-radius:.5rem;position:relative;transition:.4s}#skills .body-skills .UIDesign .col-one .img-project:hover,#skills .body-skills .UIDesign .col-two .img-project:hover,#skills .body-projects .UIDesign .col-one .img-project:hover,#skills .body-projects .UIDesign .col-two .img-project:hover,#projects .body-skills .UIDesign .col-one .img-project:hover,#projects .body-skills .UIDesign .col-two .img-project:hover,#projects .body-projects .UIDesign .col-one .img-project:hover,#projects .body-projects .UIDesign .col-two .img-project:hover{transform:translate(5%);box-shadow:#00000040 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}#skills .body-skills .UIDesign .col-one .logo-project,#skills .body-skills .UIDesign .col-two .logo-project,#skills .body-projects .UIDesign .col-one .logo-project,#skills .body-projects .UIDesign .col-two .logo-project,#projects .body-skills .UIDesign .col-one .logo-project,#projects .body-skills .UIDesign .col-two .logo-project,#projects .body-projects .UIDesign .col-one .logo-project,#projects .body-projects .UIDesign .col-two .logo-project{width:4rem;position:absolute;bottom:0;right:0;transform:translate(25%)}#skills .body-skills.hidden,#projects .body-skills.hidden{display:none}.containerResume{width:100%}.containerResume img{margin:auto;display:block}.container-contact{display:flex;justify-content:center}.container-contact main{display:flex;flex-direction:column;align-items:center;width:40%;background:var(--white-secondary);padding:50px;bottom:0;position:absolute;border-radius:.5rem}.container-contact main .title-contact{font:700 2rem Roboto,"sans-serif";text-transform:uppercase;color:var(--black-secondary);margin-bottom:1.5rem}.container-contact main .box-contact{display:flex;gap:2rem;flex-wrap:wrap;align-items:center;width:90%;background:#eaeef8;padding:1rem;margin:.5rem;text-align:center;text-wrap:wrap}.container-contact main .box-contact img{width:3rem;margin-left:3rem}.container-contact main .box-contact a{font:400 1.3rem Roboto,"sans-serif";color:#000}.container-contact main .box-contact:hover{transition:.5s;transform:translate(2%)}#home{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}#home .container{border-radius:1rem;bottom:0;position:absolute;height:40%;background-color:var(--white-primary);display:flex;width:40%}#home .container .carrerExperience{padding:2rem;width:50%;display:flex;flex-direction:column;justify-content:center}#home .container .carrerExperience img{margin-top:.5rem;width:10rem}#home .container .yearsExperience{border-top-left-radius:1rem;border-top-right-radius:1rem;flex-direction:column;background-color:var(--black-secondary);padding:2rem;width:50%}#home .container .yearsExperience .experienceNumber{font:700 4rem Roboto,"sans-serif";color:var(--white);text-transform:uppercase}#home .container .yearsExperience .experienceText{font:700 2rem Roboto,"sans-serif";color:var(--white)}#home .title-home{font:700 2rem Roboto,"sans-serif";color:var(--black-secondary);text-transform:uppercase}.container-switch-theme{background-color:var(--white-secondary);position:absolute;top:0;right:0;padding:2rem 3.5rem;border-bottom-left-radius:4rem;text-align:center;cursor:pointer;transition:.5s}.container-switch-theme .img-switch-theme{width:2.5rem}.container-switch-theme .text-switch-theme{color:var(--black-secondary);font: 1.3rem Roboto,"sans-serif";transition:.5s}.container-switch-theme:hover{background-color:#2d3b55}.container-switch-theme:hover .text-switch-theme{color:var(--white-secondary)}@media (max-width: 1570px){.text-nav:hover:after{position:absolute;content:"";width:30px!important;height:2px;margin-top:1.5rem;background-color:#323232;opacity:100%}.container{flex-direction:column;height:60%!important}.container .yearsExperience{width:100%!important;height:100%!important}#skills .container,#projects .container{width:90%!important;overflow:auto}#skills .body-skills .col-one img,#skills .body-skills .col-two img,#skills .body-projects .col-one img,#skills .body-projects .col-two img,#projects .body-skills .col-one img,#projects .body-skills .col-two img,#projects .body-projects .col-one img,#projects .body-projects .col-two img{margin:3rem;width:6rem}.container-contact main{width:80%}#header nav ul,#header nav li,#header nav a{margin-left:.8rem!important;margin-right:.8rem!important;font-size:.8rem;padding:.3rem;text-align:center;align-items:center}#skills .header-skills,#skills .header-projects,#projects .header-skills,#projects .header-projects{justify-content:center!important;width:100%;text-align:center;gap:.8rem}}@media (max-width: 1280px){#header{width:100%;margin:0!important;margin-top:3rem!important;display:flex!important;justify-content:center!important}#header .subTitle{text-align:center}.containerResume img{width:25rem}.container-contact main{width:100%}.container-contact main .box-contact{width:100%}}@media (max-width: 720px){#header{width:100%;margin:0!important;margin-top:3rem!important;display:flex!important;justify-content:center!important}#header .subTitle{text-align:center}.container-switch-theme{padding-left:2rem;padding-right:2rem}.title{text-align:center}#header nav ul,#header nav li,#header nav a{margin-left:0rem!important;margin-right:0rem!important;font-size:.8rem;padding:.3rem;text-align:center;align-items:center}.container-contact main .box-contact img{margin-left:0rem}.container-contact main .box-contact{flex-direction:column;width:100%;align-items:center;justify-content:center;margin-left:0rem}}@media (max-width: 640px){.textChoose-projects{margin-right:1rem!important;font-size:1rem!important}#projects .body-projects .FrontEnd .col-one img,#projects .body-projects .FrontEnd .col-two img,#projects .body-projects .FrontEnd .col-three img{width:auto}.UIDesign{flex-direction:column}#projects .body-projects .UIDesign .col-one img,#projects .body-projects .UIDesign .col-two img,#projects .body-projects .UIDesign .col-three img{width:auto;display:flex;flex-direction:column}.box-contact a{font:400 1rem Roboto,"sans-serif"!important}.container-contact main .box-contact img{margin-left:0rem;width:2em}.container-contact main .box-contact{width:100%;align-items:center;justify-content:center;margin-left:0rem}}@media (max-width: 400px){#header{margin-top:1.4rem!important}.title{font-size:2rem!important}.subTitle{font-size:1rem!important}#home .container{width:80%!important}}@media (max-height: 760px){.container-contact main{padding:0}.container-contact .title-contact{font-size:1rem!important;margin-top:1rem}}@media (max-width: 360px){#header .title{font-size:1.5rem;display:flex;flex-wrap:wrap}.box-contact a{font:400 .8rem Roboto,"sans-serif"!important}.container-contact main .box-contact img{margin-left:0rem;width:2em}}