*,*:before,*:after{padding:none;margin:0;box-sizing:border-box}body,#root{overflow-x:hidden}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}li{list-style:none}body{font-size:1rem;font-family:Lato,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}body::-webkit-scrollbar-thumb{background-color:#1d62ed;border-radius:10px;border:3px solid #f1f1f1}body::-webkit-scrollbar-thumb:hover{background-color:#1755cc}.fade-y-top{opacity:0;transition:opacity 1.2s ease-out,transform 1s ease-out;width:auto;height:auto;transform:translateY(80px)}.fade-y-top.is-visible{transform:translateY(0);opacity:1}.fade-y-bottom{opacity:0;transition:opacity 1.2s ease-out,transform 1s ease-out;width:auto;height:auto;transform:translateY(-80px)}.fade-y-bottom.is-visible{transform:translateY(0);opacity:1}.fade-x-left{transform:translate(80px);opacity:0;transition:opacity 1.2s ease-out,transform 1s ease-out;width:auto;height:auto}.fade-x-left.is-visible{transform:translate(0);opacity:1}.fade-x-right{transform:translate(-80px);opacity:0;transition:opacity 1.2s ease-out,transform 1s ease-out;width:auto;height:auto}.fade-x-right.is-visible{transform:translate(0);opacity:1}.header{display:flex;align-items:center;width:100%;height:100dvh;background-image:linear-gradient(to bottom,#02082cea,#070c27f8),url(https://images.unsplash.com/photo-1639431682289-72b9ebb75895?q=80&w=1964&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover}.header-content{width:100%;color:#fff;padding:0 2em}@media screen and (min-width: 768px){.header-content{width:620px}}.header-content_text{font-weight:900;line-height:1.1;margin-bottom:2rem;font-size:2.5rem}@media screen and (min-width: 576px){.header-content_text{font-size:4rem}}.header-content_text:after{content:"|";width:100px;height:10px;animation:cursorOpacity .8s infinite}@keyframes cursorOpacity{0%{opacity:1}to{opacity:0}}.header-content_desc{font-weight:300;margin-bottom:2rem}.header-content_download{background-color:#1d62ed;padding:1em;display:block;width:max-content;border-radius:.25em;font-weight:500;cursor:pointer;text-decoration:none;color:#fff}.header-content_download:hover{background-color:#1d62ed;transition:1s background}.navigation{position:fixed;top:0;width:100%;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;z-index:10}.navigation-title{font-weight:1.5rem;display:inline-flex}.navigation-title:before{content:"";height:26px;width:26px;background-image:url(/logo.svg)}.navigation-hamburguer{background:none;border:none;cursor:pointer;width:32px;height:32px;background-repeat:no-repeat;background-size:contain}.navigation-hamburguer.open{background-image:url(/hamburguer.svg)}.navigation-hamburguer.close{background-image:url(/close.svg)}@media screen and (min-width: 701px){.navigation-hamburguer{display:none}}.navigation-links{display:flex;flex-direction:row;padding:0}@media screen and (max-width: 700px){.navigation-links{flex-direction:column;position:absolute;top:80%;right:2rem;background-color:#0a102f;padding:1rem;border-radius:.5rem}.navigation-links.hide{display:none}.navigation-links.show{display:flex}}.link{display:flex;flex-direction:column;margin-left:1rem;cursor:pointer;font-weight:600;margin-top:.5rem;color:#fff;text-decoration:none;height:min-content}.link:after{content:"";transform:scale(0);margin-top:.5rem;border-radius:.25rem;border:2px solid hsl(220,85%,52%)}.link:hover:after,.link.active-link:after{transform:scale(1);transition:transform .7s ease}.skills{padding:3rem 2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%;gap:4rem;margin:4rem auto 0}@media screen and (min-width: 992px){.skills-grid{width:80%}}.skills-title{font-weight:900;color:#0d1430;text-align:left;font-size:2rem;margin-bottom:1rem}@media screen and (min-width: 576px){.skills-title{font-size:2.5rem}}@media screen and (min-width: 992px){.skills-title{font-size:3.5rem}}.skills-desc{font-weight:300;width:100%}@media screen and (min-width: 768px){.skills-desc{width:70%}}.card-skill{display:flex;flex-direction:column;gap:1rem;border-radius:1rem;padding:1rem 0;background-color:#fff;padding:2rem;border:1px solid hsl(0,0%,95%);cursor:pointer;box-shadow:0 1px 20px 1px #00000013}@media screen and (min-width: 992px){.card-skill{border:none}}.card-skill:hover{transform:scale(1.05);transition:1s all}.card-skill_title{font-weight:800;color:#0d1430;font-size:1rem}.card-skill_img{width:32px;height:32px;object-fit:contain}.card-skill_definition{font-weight:300}.about{height:100%;color:#0d1430}.about-info{padding:3rem 2rem}.about-info_title{font-weight:900;color:#0d1430;text-align:left;font-size:2rem;margin-bottom:1rem}@media screen and (min-width: 576px){.about-info_title{font-size:2.5rem}}@media screen and (min-width: 992px){.about-info_title{font-size:3.5rem}}.about-info_desc{font-weight:300;width:100%}@media screen and (min-width: 768px){.about-info_desc{width:70%}}.about-one{display:flex;flex-direction:column;width:90%;gap:2rem;margin:0 auto}@media screen and (min-width: 992px){.about-one{width:90%;flex-direction:row;padding:0}}@media screen and (min-width: 1200px){.about-one{width:75%}}.about-two{display:flex;flex-direction:column;width:90%;gap:2rem;margin:0 auto;margin-top:2rem}@media screen and (min-width: 992px){.about-two{width:90%;flex-direction:row;padding:0}}@media screen and (min-width: 1200px){.about-two{width:75%}}.info{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid hsl(0,0%,95%);border-radius:2rem;padding:30px 30px 45px;width:100%;box-shadow:0 1px 20px 1px #00000013}.info>*{margin-bottom:1rem}.info-title{color:#1d62ed;line-height:1.2;font-size:1.25rem;font-weight:700}@media screen and (min-width: 768px){.info-title{font-size:1.4rem;font-weight:800}}.info-subtitle{color:#0d1430;font-weight:500}.info-desc{font-weight:300}.projects{width:100%;height:100%;padding:3rem 2rem;margin-bottom:2rem}.projects-title{font-weight:900;color:#0d1430;text-align:left;font-size:2rem;margin-bottom:1rem}@media screen and (min-width: 576px){.projects-title{font-size:2.5rem}}@media screen and (min-width: 992px){.projects-title{font-size:3.5rem}}.projects-desc{font-weight:300;width:100%}@media screen and (min-width: 768px){.projects-desc{width:70%}}.projects-cards{width:100%;height:100%;display:grid;gap:2rem}@media screen and (min-width: 768px){.projects-cards{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.card-project{width:100%;height:100%;margin-top:2rem;border-radius:1rem;padding:2rem;background-color:#fff;box-shadow:0 1px 20px 1px #00000013}@media screen and (min-width: 576px){.card-project_img{height:200px}}@media screen and (min-width: 992px){.card-project_img{height:180px}}.card-project_img img{width:100%;height:100%;border-radius:.5rem}.card-project_body{margin-top:2rem}.card-project_body-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.card-project_body-text{font-weight:300}.card-project_body-btn{background-color:#1d62ed;display:inline-block;padding:.5rem 1rem;color:#fff;text-decoration:none;margin-top:2rem;border-radius:.25rem;cursor:pointer}.card-project:hover{transform:translateY(-10px);transition:1s all}.card-project_footer{display:flex;margin-top:2rem;column-gap:.5rem}.card-project_footer .tech-icon{position:relative;width:20px;height:20px}.card-project_footer .tech-icon img{width:100%;height:100%;object-fit:contain;cursor:pointer}.card-project_footer .tech-icon .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:6px;background:#000000d9;color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;pointer-events:none;z-index:10;opacity:0;animation:fadeIn .2s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.contacts{display:flex;align-items:center;flex-direction:column;background-color:#010418;background-image:linear-gradient(to bottom,#040b2fd2,#010418),url(https://images.unsplash.com/photo-1639431682289-72b9ebb75895?q=80&w=1964&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-size:cover;color:#fff;padding:2rem}@media screen and (min-width: 768px){.contacts{padding:8rem 2rem}}.contacts>*{margin-bottom:1rem}.contacts .contacts-title{font-weight:900;color:#0d1430;text-align:left;font-size:2rem;margin-bottom:1rem;color:#fff}@media screen and (min-width: 576px){.contacts .contacts-title{font-size:2.5rem}}@media screen and (min-width: 992px){.contacts .contacts-title{font-size:3.5rem}}.contacts .contacts-desc{font-weight:300;width:100%;text-align:center}@media screen and (min-width: 768px){.contacts .contacts-desc{width:70%}}.contacts .contacts-info{display:flex;flex-direction:column;margin-top:1rem}.contacts .contacts-info>*{margin-bottom:1em}.contact-icon{width:25px;height:25px;gap:2rem;display:flex;flex-direction:column;margin-right:11rem}@media screen and (min-width: 992px){.contact-icon{margin-right:14rem}}.contact-icon .contact-info{margin-left:2.5rem;margin-top:0rem;font-size:1rem}@media screen and (min-width: 992px){.contact-icon .contact-info{font-size:1.25rem;margin-top:.25rem;font-weight:500}}.footer{display:flex;align-items:center;justify-content:center;gap:1rem;background-color:#010418;padding:1em}.footer>*{display:inline-flex;cursor:pointer}.footer>*:before{content:"";width:36px;height:36px}.footer .facebook:before{background-image:url(/face.svg)}.footer .linkedin:before{background-image:url(/linkedin.svg)}.footer .github:before{background-image:url(/github.svg)}.certifications{margin-top:4rem;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;height:100%}.certifications-title{font-size:1.5rem;font-weight:600;background:linear-gradient(90deg,#00084d,#1d63ed);background-clip:text;-webkit-background-clip:text;color:transparent;text-align:center}.certifications-sub_title{font-weight:900;color:#0d1430;text-align:left;font-size:2rem;margin-bottom:1rem}@media screen and (min-width: 576px){.certifications-sub_title{font-size:2.5rem}}@media screen and (min-width: 992px){.certifications-sub_title{font-size:3.5rem}}.certifications_desc{font-weight:300;width:100%;text-align:center}@media screen and (min-width: 768px){.certifications_desc{width:70%}}.certifications_info{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:center}@media screen and (min-width: 992px){.certifications_info{align-items:baseline;justify-content:baseline;column-gap:1rem}}.certification{width:100%;padding:0 2rem;column-gap:6rem;animation:fadeIn 1s ease-out forwards}@media screen and (min-width: 992px){.certification{display:flex;align-items:center;height:100%;justify-content:space-between;margin-top:3rem}}@media screen and (min-width: 1200px){.certification{column-gap:12rem;width:90%}}@media screen and (min-width: 1408px){.certification{width:70%}}.certification-description{font-weight:300;width:100%}@media screen and (min-width: 768px){.certification-description{width:70%}}.certification .certification-details{display:flex;flex-direction:column;row-gap:2rem}@media screen and (min-width: 992px){.certification .certification-details{max-width:713px}}.certification .certification-details h2{font-weight:900;font-size:1.25rem}@media screen and (min-width: 768px){.certification .certification-details h2{font-size:2.5rem}}.certification .certification-details-img{width:100%;height:290px;position:relative;overflow:hidden;border-radius:2rem;margin-top:2rem}@media screen and (min-width: 576px){.certification .certification-details-img{height:520px}}@media screen and (min-width: 992px){.certification .certification-details-img{width:100%;height:480px}}.certification .certification-details-img img{width:100%;height:100%;border-radius:2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain}.topic-title{margin-bottom:.5rem;font-size:1.15rem;font-weight:600}@media screen and (min-width: 768px){.topic-title{font-size:2rem;font-weight:800}}.topic-description{font-weight:300;width:100%}@media screen and (min-width: 768px){.topic-description{width:70%}}.button{display:flex;align-items:center;justify-content:center;gap:16px;background:transparent;border:0;border-radius:5rem;box-shadow:0 1px 4px #00000040;flex-direction:row;padding:.5rem 1rem;font-size:.75rem;transition:all 1s ease;cursor:pointer}.button:hover{transform:scale(1.1)}@media screen and (min-width: 768px){.button{padding:1rem 2rem;font-size:1rem}}.button-logo{width:22px;height:22px;object-fit:contain;animation:fadeIn 1s ease-out forwards}.button-name{font-weight:800;letter-spacing:-.225px;line-height:1.2;padding:0}.active{background-color:#1d62ed;color:#fff}.study{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2rem;height:100%;margin-top:6rem}.study-title{font-size:1.5rem;font-weight:600;background:linear-gradient(90deg,#00084d,#1d63ed);background-clip:text;-webkit-background-clip:text;color:transparent;text-align:center}.study-sub_title{font-weight:900;color:#0d1430;text-align:left;font-size:2rem;margin-bottom:1rem}@media screen and (min-width: 576px){.study-sub_title{font-size:2.5rem}}@media screen and (min-width: 992px){.study-sub_title{font-size:3.5rem}}.study-desc{font-weight:300;width:100%;text-align:center}@media screen and (min-width: 768px){.study-desc{width:70%}}.study-info{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:center}@media screen and (min-width: 992px){.study-info{align-items:baseline;justify-content:baseline;column-gap:1rem}}.code{width:100%;padding:0 2rem;column-gap:6rem;animation:fadeIn 1s ease-out forwards}@media screen and (min-width: 992px){.code{display:flex;align-items:center;height:100%;justify-content:space-between}}@media screen and (min-width: 1200px){.code{column-gap:12rem;width:90%}}@media screen and (min-width: 1408px){.code{width:70%}}.code-description{font-weight:300;width:100%}@media screen and (min-width: 768px){.code-description{width:70%}}.code-summary{display:flex;flex-direction:column;margin-bottom:2rem;row-gap:2rem}.code-summary h2{font-weight:900;font-size:1.25rem}@media screen and (min-width: 768px){.code-summary h2{font-size:2.5rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.syntax{min-width:600px;max-width:600px;max-height:450px;overflow:scroll;background-color:#282c34;border-radius:.5rem}.syntax::-webkit-scrollbar{width:10px;height:10px}.syntax::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.syntax::-webkit-scrollbar-thumb{background-color:#0a1130;border-radius:10px;border:3px solid #f1f1f1}.syntax::-webkit-scrollbar-thumb:hover{background-color:#0a1130}