body{background-color:#212121;margin:0;display:flex;flex-direction:column;height:100vh;max-width:100%}.headerComp{width:100%;height:auto;display:flex;justify-content:space-between;align-items:center;background-color:#2b2a33}.headerLeft,.headerCenter,.headerRight{flex:1}.headerLeft{text-align:left;padding-top:10px;padding-left:10px}.text1Header{color:#fff;font-family:Open Sans,sans-serif;font-weight:300;font-size:22px;text-align:center}.h1Header{color:#fff;margin:0;font-family:Open Sans,sans-serif;font-size:90px;font-weight:600;text-align:center}.text2Header{color:#fff;font-family:Open Sans,sans-serif;text-align:center}.iconsHeader{color:#fff;display:flex;flex-direction:column;gap:30px;align-items:left;padding-left:2%;text-decoration:none}.iconsHeaderMobile{display:none}.githubIcon,.linkedinIcon{font-size:45px;color:#fff}.mailIcon{font-size:50px;color:#fff}.githubIcon:hover,.linkedinIcon:hover,.mailIcon:hover{text-decoration:none;color:#41ace2;transition:1.2s}@media only screen and (min-width: 320px) and (max-width: 541px){.text1Header{padding-top:10%;color:#fff;font-family:Open Sans,sans-serif;font-weight:300;font-size:18px;text-align:center}.h1Header{color:#fff;margin:0;font-family:Open Sans,sans-serif;font-size:70px;font-weight:600;text-align:center}.text2Header{color:#fff;font-family:Open Sans,sans-serif;text-align:center;font-size:14px;padding-bottom:10%}.iconsHeader{display:none}.iconsHeaderMobile{display:flex;flex-direction:row;justify-content:center;gap:30px;padding-top:20px}.githubIconMobile,.linkedinIconMobile,.mailIconMobile{font-size:30px!important;color:#fff}.githubIconMobile:hover,.linkedinIconMobile:hover,.mailIconMobile:hover{text-decoration:none;color:#41ace2;transition:1.2s}}main{width:100%;margin:0;max-width:100%}.header{cursor:pointer;position:fixed;top:-80px;left:0;right:0;width:100%;background-color:#2b2a33;color:#fff;padding:10px 20px;text-align:center;transition:top .5s ease-in-out,opacity .5s ease-in-out;z-index:1000;display:flex;justify-content:space-between;align-items:center;opacity:0}.header.visible{top:0;opacity:1}.fixedHeaderTitleComp{display:flex;align-items:center;justify-content:space-between;width:100%}.fixedHeaderTitle{font-family:Roboto,sans-serif;font-size:24px}.fixedHeaderTitle:hover{color:#41ace2;transition:.3s}.sectorList{display:flex;gap:20px;margin-right:5%}.sectorList p{margin:0;font-family:Lato,sans-serif;font-size:18px;cursor:pointer;transition:color .3s ease}.sectorList p:hover{color:#41ace2;transition:.3s}@media only screen and (min-width: 541px) and (max-width: 768px){.sectorList{display:flex;gap:20px;margin-right:10%}}@media only screen and (min-width: 320px) and (max-width: 541px){.header{position:relative;overflow:hidden;display:none;max-width:100%}}.sectorSobreMim{background-color:#212121}.titleSobre{padding-top:2%;font-family:Roboto,sans-serif;font-size:40px;color:#fff;text-align:center;justify-content:center}.textSobre{padding-top:40px;font-size:26px;color:#fff;text-align:justify;justify-content:center;font-family:Open Sans,sans-serif;font-weight:100;padding-left:35%;padding-right:35%}.bold{font-weight:300;color:#41ace2;word-spacing:-1px}.textSobre2,.textSobre3{text-align:justify;padding-top:5%}.divImagemSobre{padding-top:5%;width:100%;display:flex;justify-content:center;align-items:center;padding-bottom:5%}.imagemSectorSobre{cursor:pointer;height:400px;width:auto;border-radius:20px}.imagemSectorSobre:hover{transform:scale(1.1);transition:1.5s;z-index:2}@media only screen and (min-width: 541px) and (max-width: 768px){.titleSobre{font-size:30px}.textSobre{font-size:26px;padding-left:20%;padding-right:20%}.imagemSectorSobre{cursor:pointer;height:400px;width:auto;border-radius:20px}}@media only screen and (min-width: 320px) and (max-width: 541px){.titleSobre{font-size:26px}.textSobre{font-size:18px;padding-left:20%;padding-right:20%}.imagemSectorSobre{cursor:pointer;height:300px;width:auto;border-radius:20px}}.sectorSkills{color:#fff;width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.expSkills,.hardSkills,.softSkills{display:flex;align-items:center;justify-content:space-between;border-radius:5px;font-size:30px;width:400px;margin-bottom:30px;padding:2px 20px;font-weight:700;text-align:left}.expSkills:hover,.hardSkills:hover,.softSkills:hover{background-color:#bbb;color:#212121;transition:1.1s}.arrowIcon{font-size:30px;transform:rotate(0);transition:transform .3s ease}.arrowIcon.open{transform:rotate(180deg)}.cvComp{cursor:pointer;align-items:center;display:flex;padding-left:25%}.cvButton{font-weight:700;font-size:22px;border-radius:5px;width:200px;margin-bottom:30px;padding:10px 0;border:#ffff solid 1px;text-align:center}.cvButton:hover{background-color:#bbb;color:#212121;border:none;transition:1.1s}.downloadIcon{padding-right:10px;font-size:22px}.boxContent{background-color:#2b2a33;padding:0 20px;border-radius:8px;color:#41ace2;margin:15px 0;font-size:18px;font-family:Open Sans,sans-serif;font-weight:100;line-height:1.6;box-shadow:0 4px 8px #0003;max-height:0;overflow:hidden;transition:max-height .5s ease,padding .5s ease}.boxContent.open{max-height:500px;padding:20px}.boxPskills{color:#fff}@media only screen and (min-width: 320px) and (max-width: 541px){.expSkills,.hardSkills,.softSkills{font-size:22px;width:260px}.downloadIcon{font-size:18px}.cvButton{font-size:18px;width:160px}.boxContent{font-size:14px;width:260px}}.sectorTecnologias{background-color:#18181e;margin-bottom:0;padding-bottom:5%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.titleTecnologias{color:#fff;text-align:center;font-size:40px;margin-bottom:20px;font-weight:600;font-family:Roboto,sans-serif}.textTecnologias{color:#41ace2;text-align:center;font-size:16px;letter-spacing:2px;font-family:Lato,sans-serif;font-weight:100;margin-bottom:40px}.tecnologias{display:flex;flex-direction:column;gap:20px;align-items:center}.tecnologias h2{color:#41ace2;text-align:center;font-family:Lato,sans-serif;font-size:32px;font-weight:700;margin-bottom:20px}.prototipagemDiv,.backendDiv,.frontendDiv{border-radius:10px;background-color:#2b2a33;padding:5px 10px 10px;width:400px;display:flex;flex-direction:column;align-items:center}.iconsPrototipagem,.iconsBackend,.iconsFrontend{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;width:100%}.vueIcon,.reactIcon,.reactnativeIcon,.htmlIcon,.cssIcon,.javascriptIcon,.mysqlIcon,.djangoIcon,.pythonIcon,.progressIcon,.figmaIcon,.canvaIcon,.miroIcon{display:flex;align-items:center;gap:7px;color:#fff;font-size:24px;font-family:Lato;font-weight:300;cursor:default}.vueIcon:hover,.reactIcon:hover,.reactnativeIcon:hover,.htmlIcon:hover,.cssIcon:hover,.javascriptIcon:hover,.mysqlIcon:hover,.djangoIcon:hover,.pythonIcon:hover,.progressIcon:hover,.figmaIcon:hover,.canvaIcon:hover,.miroIcon:hover{color:#41ace2;transition:.5s}.tecnologiaItem{display:flex;flex-direction:column;align-items:center;margin:10px}.tecnologiaRow{display:flex;align-items:center;gap:10px}@media only screen and (min-width: 320px) and (max-width: 541px){.titleTecnologias{font-size:26px}.textTecnologias{font-size:16px}.tecnologias h2{color:#fff;text-align:center;font-family:Lato,sans-serif;font-size:24px;font-weight:700;margin-bottom:20px}.prototipagemDiv,.backendDiv,.frontendDiv{border-radius:10px;background-color:#2b2a33;padding:5px 10px 10px;width:260px;display:flex;flex-direction:column;align-items:center}.iconsPrototipagem,.iconsBackend,.iconsFrontend{justify-content:center;gap:10px}.vueIcon,.reactIcon,.reactnativeIcon,.htmlIcon,.cssIcon,.javascriptIcon,.mysqlIcon,.djangoIcon,.pythonIcon,.progressIcon,.figmaIcon,.canvaIcon,.miroIcon{font-size:24px;gap:4px}}.sectorProjetos{background-color:#2b2a33;margin-bottom:0;padding-bottom:5%;display:flex;flex-direction:column;align-items:center;justify-content:center}.tituloProjetos{color:#fff;text-align:center;font-size:40px;margin-bottom:20px;font-weight:600;font-family:Roboto,sans-serif}.textoProjetos{color:#41ace2;text-align:center;font-size:16px;letter-spacing:2px;font-family:Lato,sans-serif;font-weight:100;margin-bottom:40px}.carrossel{display:flex;align-items:center;justify-content:center;margin:20px 0}.seta{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;margin:0 20px 10%;display:flex;align-items:center;justify-content:center;width:40px;height:40px;position:relative}.conteudoCarrossel{position:relative;width:500px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.textoAcima{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.tituloProjeto{color:#fff;font-size:36px;font-family:Roboto,sans-serif;font-weight:700;margin-bottom:5px}.descricaoProjeto{color:#41ace2;font-size:18px;font-family:Open Sans,sans-serif;text-align:justify}.imagemProjeto{width:500px;height:300px;object-fit:cover;border:2px solid;border-radius:8px;margin-bottom:5%}.statusProjeto{font-style:italic;font-size:18px;margin-bottom:5px;margin-top:50px}.statusProjeto[data-status="Em Refatoração"]{color:#fb8800}.statusProjeto[data-status="Em Desenvolvimento"]{color:#0083fb}.statusProjeto[data-status=Concluído]{color:#00c543}.textoAbaixo{display:flex;flex-direction:column;align-items:center}.iconsProjeto{display:flex;justify-content:center;gap:100%;font-size:30px}.icone{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;color:#fff}.tipoProjeto{color:#fff;font-size:20px}.setaEsquerda{transform:rotate(-90deg)}.setaDireita{transform:rotate(90deg)}.icone:hover,.githubIconProj.hover{color:#41ace2;transition:1.2s}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center}.modalContent{background-color:#212121;color:#fff;padding:20px;border-radius:10px;width:400px;text-align:center;position:relative}.closeButton{position:absolute;top:10px;right:20px;color:#fff;font-size:24px;cursor:pointer}.closeButton:hover{color:red}.githubButton{display:flex;align-items:center;color:#fff;background-color:#333;padding:8px 16px;border-radius:5px;text-decoration:none;font-family:Roboto,sans-serif;font-size:16px;margin-top:10px;transition:background-color .3s ease}.githubButton:hover{background-color:#41ace2}.githubButton .githubIconProj{margin-right:8px}@media only screen and (min-width: 541px) and (max-width: 768px){.carrossel{display:flex;align-items:center;justify-content:center;margin:20px 0;width:100%}.textoAcima{display:flex;flex-direction:column;align-items:center}.textoProjetos{color:#41ace2;text-align:center;font-size:16px;letter-spacing:2px;font-family:Lato,sans-serif;font-weight:100}.tituloProjeto{color:#fff;font-size:28px;font-family:Roboto,sans-serif;font-weight:700}.descricaoProjeto{color:#41ace2;font-size:18px;font-family:Open Sans,sans-serif;text-align:justify}.imagemProjeto{width:450px;height:300px;object-fit:cover;border:2px solid;border-radius:8px}}@media only screen and (min-width: 320px) and (max-width: 541px){.tituloProjetos{font-size:26px}.textoProjetos{font-size:18px}.conteudoCarrossel{position:relative;width:300px;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.tituloProjeto{font-size:24px}.imagemProjeto{width:260px;height:200px;object-fit:cover;border:2px solid;border-radius:8px}.iconsProjeto{display:flex;justify-content:center;gap:50%;font-size:20px}.seta{display:none}}.sectorContato{background-color:#212121;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.contatotextDiv{text-align:center;margin-bottom:30px}.contatoTitle{font-family:Roboto,sans-serif;font-size:40px;font-weight:600;color:#fff}.contatoSubtitle{font-family:Lato,sans-serif;font-size:18px;font-weight:300;color:#41ace2;margin-top:10px}.contatoBox{display:flex;background-color:#2b2a33;border-radius:10px;width:60%;height:400px;min-width:600px}.contatoImg{height:100%;width:auto;margin-right:5%;padding-left:5%;object-fit:cover}.contatoText{display:flex;flex-direction:column;justify-content:center;padding-right:5%}.boxTitle{font-family:Roboto,sans-serif;font-size:34px;text-align:center;font-weight:600;color:#fff}.boxsubtitle{font-family:Lato,sans-serif;text-align:center;font-size:22px;font-weight:300;color:#fff;margin-top:0}.contatoIcons{display:flex;justify-content:center;gap:15px;margin:10px 0}.githubIconContato,.linkedinIconContato,.mailIconContato{font-size:40px;color:#fff;transition:color .3s}.linkedinIconContato,.mailIconContato{padding-left:10%}.githubIconContato:hover,.linkedinIconContato:hover,.mailIconContato:hover{color:#41ace2}.infoContato{cursor:pointer;display:flex;align-items:center;flex-direction:column;margin-top:5%;gap:15px}.contatoLocal,.contatoPhone{display:flex;align-items:center;gap:10px;color:#fff;justify-content:center}.localIcon,.phoneIcon{font-size:20px}.contatoForm{display:flexbox;justify-content:space-evenly;flex-direction:column;gap:20px;width:60%;margin-top:40px}.nomeEmpresaDiv{display:flex;align-items:center;justify-content:space-evenly;gap:20px}.nomeContato,.emailContato{width:40%;margin-bottom:30px;padding:15px;border:1px solid #ffffff;border-radius:5px;font-size:16px;font-family:Lato,sans-serif;background-color:#212121;color:#fff}.mensagemDiv{width:100%;display:flex;align-items:center}.mensagemContato{padding:15px;width:100%;border:1px solid #ffffff;border-radius:5px;font-size:16px;font-family:Lato,sans-serif;min-height:200px;background-color:#212121;color:#fff}.nomeContato:focus,.emailContato:focus,.mensagemContato:focus{outline:none;transition:opacity .3s ease}.nomeContato:focus::placeholder,.emailContato:focus::placeholder,.mensagemContato:focus::placeholder{opacity:0}.contatoFormRow{display:flex;justify-content:space-between;align-items:center}.sendButtonRow{display:flex;align-items:center;justify-content:center}.sendButton{display:flex;align-items:center;justify-content:center;width:180px;padding:15px 20px;background-color:#212121;color:#fff;border-radius:5px;font-size:18px;cursor:pointer;margin-top:3%;margin-bottom:5%;transition:.3s;border:1px solid #ffffff}.sendButton:hover{background-color:#18181e;transition:.3s;width:160px}.sendIcon{font-size:24px;padding-right:10px;color:#fff}input::placeholder,textarea::placeholder{color:#fff}@media only screen and (min-width: 541px) and (max-width: 768px){.contatoBox{display:flex;background-color:#2b2a33;border-radius:10px;width:80%;height:300px;min-width:400px}.boxTitle{font-family:Roboto,sans-serif;font-size:24px;text-align:center;font-weight:600;color:#fff}.boxsubtitle{font-family:Lato,sans-serif;text-align:center;font-size:18px;font-weight:300;color:#fff;margin-top:0}.contatoIcons{display:flex;justify-content:center;gap:15px;margin:10px 0}.githubIconContato,.linkedinIconContato,.mailIconContato{font-size:20px;color:#fff;transition:color .3s}.localIcon,.phoneIcon{font-size:14px}.nomeContato,.emailContato{min-width:150px;margin-bottom:30px;padding:15px;border:1px solid #ffffff;border-radius:5px;font-family:Lato,sans-serif;background-color:#212121;color:#fff}.nomeContato,.emailContato,.mensagemContato{font-size:12px}.mensagemDiv{width:100%;display:flex;align-items:center}.sendButton{display:flex;align-items:center;justify-content:center;width:140px;padding:15px 20px;background-color:#212121;color:#fff;border-radius:5px;font-size:14px;cursor:pointer;margin-top:3%;transition:.3s;border:1px solid #ffffff}.sendButton:hover{background-color:#18181e;transition:.3s;width:120px}.sendIcon{font-size:20px;padding-right:10px;color:#fff}}@media only screen and (min-width: 320px) and (max-width: 541px){.sectorContato{background-color:#212121;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.contatoBox{display:flex;background-color:#2b2a33;border-radius:10px;height:300px;min-width:260px;overflow:hidden;padding-right:15%}.contatoImg{width:auto;height:100%;object-fit:cover;object-position:left;margin-left:-50px}.contatoText{display:flex;flex-direction:column;justify-content:center}.contatoTitle{font-family:Roboto,sans-serif;font-size:26px;font-weight:600;color:#fff}.boxTitle{font-family:Roboto,sans-serif;font-size:18px;text-align:center;font-weight:600;color:#fff}.boxsubtitle{font-family:Lato,sans-serif;text-align:center;font-size:14px;font-weight:300;color:#fff;margin-top:0}.contatoIcons{display:flex;justify-content:center;gap:15px}.githubIconContato,.linkedinIconContato,.mailIconContato{font-size:16px;color:#fff;transition:color .3s}.localIcon,.phoneIcon{font-size:14px}.contatoLocal,.contatoPhone{font-size:12px}.nomeContato,.emailContato{width:80%;margin-bottom:10px;padding:15px;border:1px solid #ffffff;border-radius:5px;font-family:Lato,sans-serif;background-color:#212121;color:#fff}.nomeEmpresaDiv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%}.mensagemDiv{margin-top:20px;margin-bottom:10px;width:100%;align-items:center;justify-content:center}.mensagemContato{width:100%;min-height:100px}.sendButton{display:flex;align-items:center;justify-content:center;width:120px;padding:15px 20px;background-color:#212121;color:#fff;border-radius:5px;font-size:14px;cursor:pointer;transition:.3s;border:1px solid #ffffff}.sendButton:hover{background-color:#18181e;transition:.3s;width:100px}.sendIcon{font-size:18px;padding-right:10px;color:#fff}}.footerComp{color:#fff;background-color:#18181e;width:100%;height:auto;padding:10px 20px;box-sizing:border-box}.h1Footer{color:#fff;font-family:Open Sans,sans-serif;font-size:90px;font-weight:600;text-align:center;margin:0}.textFooter{color:#fff;font-size:16px;font-family:Open Sans,sans-serif;font-weight:700;text-align:center;margin:10px 0}.iconsFooter{padding-top:10px;padding-bottom:10px;color:#fff;justify-content:space-evenly;align-items:center;display:flex;text-decoration:none;margin:0}.githubIcon,.linkedinIcon,.mailIcon{font-size:45px;color:#fff}.text2Footer{text-align:center;color:#fff;font-family:Open Sans,sans-serif;font-weight:100;font-size:14px;display:flex;justify-content:center;align-items:center;padding:5px 0;margin:0}@media only screen and (min-width: 320px) and (max-width: 541px){.h1Footer{color:#fff;font-family:Open Sans,sans-serif;font-size:70px;font-weight:600;text-align:center;margin:0}.textFooter{color:#fff;font-size:14px;font-family:Open Sans,sans-serif;font-weight:700;text-align:center;margin:10px 0}.githubIcon,.linkedinIcon,.mailIcon{font-size:30px;color:#fff}.text2Footer{font-size:12px}}body{margin:0;display:flex;flex-direction:column;height:100vh}