.swiper{width:340px;height:480px}.swiper-slide{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-radius:18px;font-size:22px;font-weight:700;color:#fff;overflow:hidden;border:2px solid var(--preto);box-shadow:0 0 5px var(--preto)}.swiper-slide:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 10px #0003;pointer-events:none;border-radius:18px;padding:0}.swiper-slide img{position:absolute;top:0;left:0;object-position:top;box-shadow:inset 0 0 15px #00000080;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;padding:0;z-index:1}.mobile-about-text{position:relative;z-index:2;background-color:var(--gelo);height:100%;font-size:var(--normal-sz);color:var(--preto);display:none;padding:15px}.mobile-about-text p{margin:10px}.dark-mode .mobile-about-text{background-color:#1a1f24e6}@media(max-width:980px){.mobile-about-text{display:block;max-height:50%;overflow-y:auto}}.header-container{display:flex;justify-content:center;align-items:center;width:80%;margin-top:3vh;transition:all 1s ease;position:relative;height:8vh;background-color:var(--branco);border-radius:10px;box-shadow:0 0 5px var(--box-shadow-header);z-index:10000}.header-container.active{width:100%;margin-top:8vh;position:fixed;border-radius:0}nav{display:flex;justify-content:center;align-items:center;width:100%;height:8vh;background-color:var(--branco);border-radius:10px;box-shadow:0 0 5px var(--box-shadow-header)}.navbar li:first-child{margin-right:auto;margin-left:2rem}.navbar li:last-child{margin-left:auto;margin-right:2rem}ul{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%;width:100%}nav li{transition:color .3s ease;font-size:var(--nav-font-sz);font-weight:500;transition:.3s}nav li:hover{font-weight:700}.navbar{gap:3rem;z-index:100000}.navbar a{position:relative;color:var(--preto)}.li-navbar a:after{content:"";position:absolute;bottom:-10px;left:0;background-color:var(--box-shadow-color);height:3px;width:0;z-index:1000000;transition:.3s;border-radius:2px}.li-navbar a:hover:after{width:100%}.logo{color:var(--preto-azul);font-weight:bolder;font-size:2rem;transition:all .3s ease}.logo:hover{color:var(--box-shadow-color)}.sidebar{display:flex;flex-direction:column;justify-content:space-around;min-height:100vh;width:50%;position:absolute;right:0;top:0;z-index:100000;backdrop-filter:blur(60px);transform:translate(100%);transition:all 1s ease;visibility:hidden;position:fixed}.sidebar.active{transform:translate(0);visibility:visible}.li-sidebar a{padding:30px;cursor:pointer}.close-button{position:absolute;top:-20px;left:-30px}.close-button img{height:2rem}.li-redes{margin-left:auto;margin-right:2rem}.redes-sociais{display:flex;align-items:center;justify-content:center;gap:.8rem}.dark-mode-button{display:flex;align-items:center;justify-content:center;border:2px solid var(--preto);padding:5px;border-radius:10px;margin-bottom:2px;margin-right:1rem;transition:all .3s ease;color:var(--preto)}.dark-mode-button:hover{background-color:var(--cinza-azul)}.dark-mode-button:active{transform:scale(.95)}.icone-rede svg{height:1.2rem;color:var(--preto);transition:all .3s ease}.icone-rede.linkedin:hover svg{color:#0a66c2}.icone-rede.github:hover svg{color:#a200ff}.icone-rede.youtube:hover svg{color:red}.icone-rede.instagram:hover svg{color:#e0f}.redes-sociais a{transform:translateY(0);transition:all .3s ease}.redes-sociais a:hover svg{transform:translateY(-40%)}.menu{display:none}.menu img{width:2rem;height:2rem}.hero{height:89vh;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10rem}.foto{display:flex;align-items:center;justify-content:flex-end;width:100%}.foto img{object-fit:cover;object-position:top;height:500px;width:500px;border-radius:50%;transition:all .5s ease}.foto:hover img{box-shadow:0 0 20px var(--box-shadow-color),0 0 100px var(--box-shadow-color)}.descricao{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;width:100%}.hero-title{font-size:var(--titles-sz);font-weight:800;margin-top:-4rem}.hero-category{font-size:var(--subtitles-sz);font-weight:500;margin-bottom:.8rem}.hero-descricao{font-size:18px;margin-top:1px;margin-bottom:1px;width:60%;text-align:justify}.hero-botoes{margin-top:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0}.hero-botoes button{margin:0 1rem}.hero-botao{font-size:1.1rem;font-weight:500;width:160px;padding-top:10px;padding-bottom:10px;border-radius:20px;color:var(--preto);position:relative;overflow:hidden;z-index:1}.see-projects-button:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:var(--branco);transition:.75s;z-index:-1;clip-path:circle(0% at 50% 50%)}.see-projects-button:hover:after{clip-path:circle(100% at 50% 50%)}.see-projects-button{color:var(--branco);border:2px solid var(--preto);background-color:var(--preto);transition:.75s}.see-projects-button:hover{color:var(--preto)}.download-cv-button:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:var(--preto);transition:.75s;z-index:-1;clip-path:circle(0% at 50% 50%)}.download-cv-button:hover:after{clip-path:circle(100% at 50% 50%);color:var(--branco)}.contact-button:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:var(--preto);transition:all .75s;z-index:-1;clip-path:circle(0% at 50% 50%)}.contact-button:hover:after{clip-path:circle(100% at 50% 50%)}.see-projects-button{transition:.75s}.see-projects-button:hover{box-shadow:0 2px 4px var(--box-shadow-button-1),0 8px 16px var(--box-shadow-button-2)}.see-projects-button:active{transform:scale(.9)}.contact-button,.download-cv-button{border:2px solid var(--preto);color:var(--preto);transition:.75s}.contact-button:hover{color:var(--branco);box-shadow:0 0 10px var(--box-shadow-color),0 0 50px var(--box-shadow-color)}.contact-button:active{transform:scale(.9)}.download-cv-button:hover{color:var(--branco);box-shadow:0 0 10px var(--box-shadow-color),0 0 50px var(--box-shadow-color)}.download-cv-button:active{transform:scale(.9)}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:3rem}.about-title{width:100%;display:flex;align-items:center;justify-content:flex-start;margin-left:16rem}.about-content{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0}.about .descricao{align-items:flex-start;justify-content:center;width:50%}.mobile-about-text{display:none}.fotos{display:flex;justify-content:center;align-items:center}.fotos-container{display:flex;justify-content:flex-start;align-items:center;width:20%}.bar{font-size:80px;margin-left:10px;margin-right:10px}.tech-stack{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6rem 0 8rem;min-height:auto;gap:6rem;width:100%}.title{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding-left:8rem;margin-top:40px}.main-title{font-size:var(--titles-sz);font-weight:var(--titles-w)}.sub-title{font-size:var(--subtitles-sz)}.tools{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;width:72%;align-items:stretch;justify-content:center;gap:4rem;height:auto;margin-top:20px}.tech{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--preto);border-radius:20px;height:100%;min-width:20%;transition:box-shadow .5s ease;background-color:#e0e4eb;color:#000;text-align:justify}.tech:hover{box-shadow:0 0 10px var(--box-shadow-color),0 0 20px var(--box-shadow-color)}.tech p{margin-top:2rem;width:80%}.tech img{height:9rem;width:9rem;filter:grayscale(100%);transition:.5s;margin-top:1.5rem;object-fit:contain}.tech:hover img{filter:grayscale(0)}.tools-slider{display:none}.last-projects{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;width:100%;gap:2rem}.projects-title{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;margin-left:16rem}.title-container{display:flex;flex-direction:row;gap:50%;width:100%}.projects-main-title{font-size:var(--titles-sz);font-weight:var(--titles-w);display:inline-block;margin-right:65rem}.see-projects-button-bottom{display:none}.main-projects{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem;gap:2rem}.project{background-color:var(--branco);width:72.5%;height:55%;display:flex;flex-direction:row;border-radius:20px;box-shadow:0 0 5px var(--box-shadow-color);transition:all .5s ease;text-align:justify;box-sizing:border-box;overflow:hidden}.project.reversed{flex-direction:row-reverse}.project:hover{box-shadow:0 0 10px var(--box-shadow-color),0 0 50px var(--box-shadow-color)}.project-description{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;box-sizing:border-box}.project-description-title{font-size:var(--subtitles-sz);margin-bottom:2rem}.project-description-text{width:80%;margin-bottom:1.5rem}.technologies-used{display:flex}.technologies-used img{height:3.5rem}.acess{display:flex;gap:3rem;align-items:center;justify-content:center}.acess a{font-size:15px;display:flex;align-items:center;justify-content:center;margin-top:1.5rem;transform:scale(1);transition:transform .5s ease}.acess a:hover{transform:scale(1.1)}.acess a img{display:inline-block;height:1.1rem;margin-right:.5rem}.project-images{display:flex;align-items:center;justify-content:center;width:50%}.project-1,.project-2,.project-images img{width:100%;height:auto;object-fit:cover;border-radius:15px}.contact-me{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}.contact-me-title .main-title:first-child{margin-top:10rem;margin-bottom:4rem}.cantact-me-title{width:100%}.contact-content-title{margin-bottom:2rem}.contact-content-container{width:70%;height:60vh;background-color:var(--cinza-azul);border-radius:20px;display:flex;align-items:center;justify-content:center}.contact-content-intern-container{display:flex;flex-direction:row}.contact-text{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-text-content{text-align:justify}.contact-text .redes-sociais{margin-top:2rem}.contact-text p{width:70%}.email-link{margin-top:2rem;display:flex;gap:1rem;border:2px solid var(--preto);padding:10px;border-radius:20px;transition:all .3s ease}.email-link:hover{background-color:var(--branco)}.email-link:active{transform:scale(.95)}.contact-form{display:flex;align-items:center;justify-content:center;width:100%}.contact-form input{width:100%;padding:10px 30px;border:1px solid var(--preto);border-radius:20px;background-color:var(--branco)}.contact-form textarea{width:100%;padding:15px 30px;border:1px solid var(--preto);border-radius:20px;background-color:var(--branco)}.input-info-container{display:flex;gap:2rem;margin-bottom:2rem}#message-input{height:10rem;text-align:start}.contact-form form{display:flex;justify-content:center;flex-direction:column;width:90%}.contact-form form button{margin-top:2rem}.footer{width:100%;background-color:var(--branco);padding:3rem 0;display:flex;justify-content:center;align-items:center;box-shadow:0 -2px 10px var(--box-shadow-header);margin-top:4rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-logo{font-size:1.5rem;font-weight:800;color:var(--preto-azul);letter-spacing:2px}.footer-text{color:var(--preto);font-size:1rem;font-weight:500;text-align:center}.footer-redes{display:flex;gap:15px;margin:10px 0;color:var(--cinza-escuro);font-size:.95rem}.footer-redes a{color:var(--preto);font-weight:600;transition:color .3s ease}.footer-redes a:hover{color:var(--azul-claro)}.footer-copyright{color:var(--cinza-azul-leve);font-size:.85rem;margin-top:10px}@media(max-width:960px){*{box-sizing:border-box}.hero,.about,.tech-stack,.last-projects,.contact-me{height:auto;padding:50px 0}nav{width:100%;margin:0;box-shadow:none}.header-container{width:100%!important;margin-top:0;border-radius:0}.li-navbar,.li-redes,.redes-sociais{display:none}.logo,.menu{display:flex}.hero{padding-top:3vh;min-height:100vh;flex-direction:column;gap:0;margin-bottom:0;align-items:center;justify-content:center}.hero-title{margin-top:0}.foto{align-items:center;justify-content:center;margin-bottom:0}.descricao{align-items:center;justify-content:center}.hero-descricao{text-align:center;width:90%;margin:0 auto}.foto img{height:300px;width:300px}.main-title{font-size:var(--titles-mobile-sz)}.sub-title{font-size:var(--subtitles-mobile-sz)}.download-cv-button{display:none}.tools{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;width:100%;padding:1rem;margin-bottom:10rem;gap:2rem;scrollbar-width:none}.tech-stack{overflow:hidden;width:100%}.tech{width:85%;scroll-snap-align:center;flex:0 0 auto;height:auto;padding:15px 0}.title{flex-direction:column;align-items:center;justify-content:center;margin:0;padding:0}.tech-sub{text-align:center}.about-title{margin:0;align-items:center;justify-content:center}.about .sub-title,.bar{display:none}.mobile-about-text{visibility:visible;display:flex}.fotos-container{align-items:center;justify-content:center}.about-content .descricao{display:none}.title-container{flex-direction:column;align-items:center;justify-content:center;padding:0;margin:0;gap:2rem;margin-bottom:4rem}.see-projects-top{display:none}.projects-title{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.main-projects{width:100%}.project{display:flex;flex-direction:column;width:90%;height:auto;align-items:center;margin-bottom:2rem}.project.reversed{flex-direction:column}.project-description{width:100%;padding:2rem;order:unset}.project-images{width:100%;order:unset}.project-1,.project-2{border-radius:20px 20px 0 0;width:100%;height:auto;object-fit:cover}.projects-title{margin-left:0;align-items:center}.project-description-text{width:100%;text-align:center}.acess{gap:2rem}.contact-me-title{display:flex;justify-content:center;align-items:center;width:100%;margin:3rem 0}.contact-content-container{width:90%;height:auto;padding:2rem 1rem}.contact-content-title{text-align:center;margin-bottom:20px}.input-info-container{display:flex;flex-direction:column;margin-top:20px}.contact-content-intern-container{display:flex;flex-direction:column}.contact-form form button{align-self:center}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a,img,span{display:block}a{color:inherit;text-decoration:none}img{height:auto}input,button,textarea{background:none;border:none;font:inherit}input,textarea{width:100%}button{cursor:pointer}html{font-family:Manrope;scroll-padding-top:14vh}body{background-color:var(--gelo);color:var(--preto)}header{display:flex;align-items:center;justify-content:center}html,body{max-width:100%;overflow-x:hidden}:root{--branco: hsla(0, 0%, 100%, 1);--branco_a8: hsla(0, 0%, 100%, .08);--branco_a12: hsla(0, 0%, 100%, .12);--gelo: hsla(220, 20%, 97%, 1);--neve: hsla(345, 57%, 97%, 1);--cinza-azul-leve: hsla(219, 10%, 62%, 1);--cinza-escuro: hsla(220, 12%, 43%, 1);--cinza-azul: hsla(222, 23%, 71%, .2);--azul-claro: hsla(220, 53%, 62%, 1);--preto-azul: hsla(216, 14%, 14%, 1);--preto: hsla(0, 0%, 0%, 1);--preto-leve: hsla(0, 0%, 10%, 1);--preto-azul_a6: hsla(216, 14%, 14%, .06);--azul-escuro-1: hsla(214, 15%, 21%, 1);--azul-escuro: hsla(219, 22%, 26%, 1);--box-shadow-color: hsla(246, 72%, 18%, 1);--box-shadow-header: hsla(0, 0%, 0%, .1);--box-shadow-button-1: hsla(0, 0%, 0%, .04);--box-shadow-button-2: hsla(0, 0%, 0%, .08);--titles-sz: clamp(2rem, 1.5rem + 2vw, 3rem);--subtitles-sz: clamp(1.1rem, 1rem + 1vw, 1.5rem);--normal-sz: 1rem;--titles-mobile-sz: 2.5rem;--subtitles-mobile-sz: 1.2rem;--nav-font-sz: 1.1rem;--titles-w: 600;--subtitles-w: 500}.dark-mode{--branco: hsla( 216, 14%, 15%, 1 );--gelo: hsla( 216, 14%, 10%, 1 );--neve: hsla( 216, 14%, 12%, 1 );--branco_a8: hsla(0, 0%, 100%, .03);--branco_a12: hsla( 0, 0%, 100%, .06 );--cinza-azul: hsla( 216, 14%, 20%, .8 );--preto: hsla( 220, 20%, 90%, 1 );--preto-leve: hsla( 220, 20%, 85%, 1 );--preto-azul: hsla( 220, 20%, 98%, 1 );--preto-azul_a6: hsla( 0, 0%, 100%, .1 );--cinza-azul-leve: hsla( 219, 15%, 75%, 1 );--cinza-escuro: hsla(220, 15%, 70%, 1);--azul-claro: hsla(220, 70%, 65%, 1);--azul-escuro-1: hsla( 214, 40%, 75%, 1 );--azul-escuro: hsla( 219, 40%, 70%, 1 );--box-shadow-color: hsla( 0, 0%, 80%, .15 );--box-shadow-header: hsla( 0, 0%, 0%, .6 );--box-shadow-button-1: hsla(0, 0%, 0%, .4);--box-shadow-button-2: hsla(0, 0%, 0%, .6)}