a,abbr,acronym,address,applet,article,aside,audio,b,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,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{overflow-x:hidden}img{width:100%}html{scroll-behavior:smooth}:root{--red:#a8271e;--dark-red:#d3291d;--yellow:#fca211b4;--brownT:#d2bf8c;--brownB:#e6dbd0;--g1:hsl(209, 61%, 16%);--g2:hsl(211, 39%, 23%);--g3:hsl(209, 34%, 30%);--g4:hsl(209, 28%, 39%);--g5:hsl(210, 22%, 49%);--g6:hsl(209, 23%, 60%);--g7:hsl(211, 27%, 70%);--g8:hsl(210, 31%, 80%);--g9:hsl(212, 33%, 89%);--g10:hsl(207, 36%, 95%);--white:#fdfdfc;--black:#000;--platinum:#e5e5e5;--light-shadow:0 5px 15px rgba(211, 41, 29, 0.3);--dark-shadow:0 5px 15px rgba(211, 41, 29, 0.5)}.spanver{color:var(--dark-red)}.red{color:var(--red)}.dark-red{color:var(--dark-red)}.yellow{color:var(--yellow)}.brownT{color:var(--brownT)}.brownG{color:var(--brownB)}.g1{color:var(--g1)}.g2{color:var(--g2)}.g3{color:var(--g3)}.g4{color:var(--g4)}.g5{color:var(--g1)}.g6{color:var(--g6)}.g7{color:var(--g7)}.g8{color:var(--g8)}.g9{color:var(--g9)}.g10{color:var(--g10)}.white{color:var(--white)}.black{color:var(--black)}.plat{color:var(--platinum)}.lightSha{color:var(--light-shadow)}.darkSha{color:var(--dark-shadow)}:root{--ff-main:"Roboto","sans-serif";--ff-cursive:"Sriracha",cursive}.ffMain{font-family:var(--ff-main);font-size:5rem}.ffCursive{font-family:var(--ff-cursive)}@media (max-width:800px){.ffMain{font-size:4.5rem}}@media (max-width:680px){.ffMain{font-size:4rem}}.subtitulo{display:block;text-align:center;font-family:var(--ff-cursive);font-weight:700;font-size:4rem;padding:100px 0 80px 100px}.subtitulo::after{content:"";position:relative;display:inline-block;color:#fff;background-color:#fff;width:100px;height:4px;top:20px;left:-200px}header{position:fixed;top:0;left:0;width:100%;background:var(--black);box-shadow:var(--light-shadow);padding:10px;z-index:999}header.ativo{box-shadow:none}header nav{max-width:1400px;margin-left:auto;margin-right:auto}.header{display:flex;justify-content:space-between;padding:15px 25px;z-index:999}.nav-logo{font-size:2.1rem;letter-spacing:.2rem;font-weight:700;text-transform:uppercase;transition:color .4s;cursor:pointer}.nav-logo:hover{color:var(--dark-red)}.nav-about{display:flex;align-items:center;gap:25px;list-style:none;font-weight:800;font-size:1.3rem;letter-spacing:.15rem;cursor:pointer}.nav-about li a{color:red;text-decoration:none;transition:color .5s}.nav-about li a:hover{color:var(--white)}.nav-link{display:flex;align-items:center;gap:25px;list-style:none;font-size:1.1rem;cursor:pointer}.nav-link li a{color:var(--white);transition:color .4s}.nav-link li a:hover{color:var(--dark-red)}.nav-about-btn{display:none;align-items:center;gap:25px;list-style:none;font-size:1.1rem;cursor:pointer}.fontawesomeicon::before{display:inline-block;-webkit-font-smoothing:antialiased}.Linkedin::before{font:var(--fa-font-brands);content:" \f08c"}.fa-envelope{position:relative;top:-2px}.fa-github{position:relative;top:-2px}.btn-mobile{display:none}@media (max-width:900px){.header{display:grid;grid-template-columns:auto auto;gap:20px}.nav-about{display:none}.nav-about-btn{display:none;position:absolute;top:65px;width:100%;padding:20px 30px;flex-direction:column;align-items:flex-start;font-size:1.2rem;letter-spacing:.2rem;gap:40px;background-color:#fff;transition:all .3s;color:#000;height:250px;box-sizing:border-box;z-index:999}.nav-about-btn li a{color:red;text-decoration:none}.nav-about-btn::after{content:"";position:absolute;width:100%;bottom:0;left:0;width:100%;height:300px;background-color:#000;animation:.9s slidein both;z-index:9999}@keyframes slidein{from{height:300px}to{height:0}}.nav-about-btn.ativo{display:flex;position:fixed}.nav-about-btn li{transition:all .5s ease}.nav-about-btn li:hover{margin:0 0 0 5px;color:red}.btn-mobile{display:block;width:40px;background-color:#000;border:none;cursor:pointer;transition:all .5s}.btn-mobile:hover{color:red;transform:scale(1.3)}.nav-link{display:none}.fa-bars{color:#fff;transition:all .3s}.fa-bars:hover{color:red}}.js{background:url("images/hero-img.jpg") center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.main-titans{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:350px auto auto 400px;gap:20px;justify-items:center}.bg-main{width:100%;position:absolute;z-index:-999;object-fit:cover;max-height:900px}.titulo-titans{color:var(--white);margin:0 20px;text-transform:uppercase;letter-spacing:.3rem;display:block;position:relative;text-align:center;grid-row:2/3}.div-btn{grid-row:3/4}.main-btn{font-family:var(--ff-main);font-size:1.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.2rem;margin:auto 15px;border:2px solid var(--dark-red);border-radius:5px;background-color:var(--light-shadow);color:var(--dark-red);padding:10px 20px;transition:all .5s ease}.main-btn a{text-decoration:none;color:var(--dark-red)}.main-btn:hover{background-color:var(--black);color:var(--white)}.main-seta{position:relative;bottom:-230%;height:30px;width:35px;background-color:#000;border:2px solid red;border-radius:2px;cursor:pointer;color:red}.main-seta a{top:20px}.main-seta::before{content:"";position:absolute;z-index:-1;top:-20px;left:-20px;right:-20px;bottom:-20px;border:30px solid #000;border-radius:30px;cursor:pointer}.main-seta::after{content:"";position:absolute;z-index:-1;top:-20px;left:-20px;right:-20px;bottom:-20px;border:2px solid red;border-radius:60px;cursor:pointer}@media (max-width:800px){.main-btn{font-size:1.2rem}}@media (max-width:500px){.div-btn{display:grid;gap:15px}.main-btn{display:block;width:170px}}.skills{color:#fff;background-color:var(--black);padding:40px 0}.skill{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:0 2%;padding:100px 0 80px 0;text-align:center}.skill h4{font-family:var(--ff-main);font-weight:300;font-size:1.8rem;letter-spacing:.08rem;display:inline-block}.skill p{font-family:Arial,Helvetica,sans-serif;font-weight:300;letter-spacing:.02rem}.skill div{display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px 30px 30px 30px;transition:all .5s}.skill div:hover{box-shadow:var(--light-shadow);transform:scale(1.05)}@media (max-width:1000px){.skill h4{font-size:1.5rem}.skill div{padding:20px}}@media (max-width:900px){.skill{grid-template-columns:1fr 1fr}.digital{grid-column:1/-1}.digital p{max-width:500px}}@media (max-width:700px){.skill{grid-template-columns:1fr}.skill div:hover{box-shadow:none;transform:none}}@media (max-width:610px){.skills h3{font-size:3.7rem}.skills h3::after{left:-200px;width:80px}}@media (max-width:560px){.skills h3{padding:80px 0 40px 80px;margin-right:60px}.skills h3::after{left:0;top:-30px;width:80px}}@media (max-width:500px){.skills h3{font-size:2.8em;padding:70px 0 70px 80px}.skills h3::after{left:0;top:-10px;width:80px}}@media (max-width:415px){.skills h3{font-size:2.2rem;padding:70px 0 70px 60px}}@media (max-width:370px){.skills h3{margin-right:70px}}.services{background:url("images/services-bcg.jpg") fixed;background-size:cover;background-repeat:no-repeat;padding-bottom:80px}.services-group{margin:0 30px}.services h3{color:#fff}.services h3::after{left:-330px}.services-mid{color:#fff;display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin-left:auto;margin-right:auto}.services-type{max-height:250px}.front-services{transition:all .5s ease}.sub-services{position:relative;top:-150px;opacity:0;transition:all .9s ease}.services-type:hover .sub-services h5{padding:5px 30px 0 30px}.services-type:hover .sub-services{opacity:1}.services-type:hover .front-services{opacity:0}.services-type:nth-child(1n){color:#000;background-color:#c1c3c5d5}.services-type:nth-child(4n+1){color:#fff;background-color:rgba(0,0,0,.801)}.services-type:nth-child(4n+4){color:#fff;background-color:rgba(0,0,0,.801)}.services-type::-webkit-scrollbar{width:8px}.services-type::-webkit-scrollbar-thumb{background-color:transparent}.services-type::-webkit-scrollbar-track{background-color:transparent}.services-type span{display:block;padding-top:60px;text-align:center}.services-type h4{font-weight:600;text-align:center;letter-spacing:.2rem;margin-top:20px;font-family:var(--ff-main);font-size:1.5rem}.sub-services h5{font-family:var(--ff-cursive);font-size:1.3rem;letter-spacing:.1rem;padding:15px 30px 0 30px}.sub-services p{font-family:var(--ff-main);padding:15px 30px 30px 30px;font-size:1rem;letter-spacing:.01rem;font-weight:300;line-height:1.3rem}@media (max-width:800px){.services h3{font-size:3rem}.services h3::after{left:-250px}.services-type{padding:80px 0;height:100px}.services-mid{grid-template-columns:1fr}.services-type:nth-child(odd){color:#fff;background-color:rgba(0,0,0,.801)}.services-type:nth-child(2n){color:#000;background-color:#c1c3c5d5}.services-type span{display:block;padding-top:0;text-align:center}}@media (max-width:650px){.services h3{font-size:2rem}.services h3::after{left:-200px;width:80px}}@media (max-width:570px){.services h3{padding:100px 0 80px 70px;font-size:1.7rem}}@media (max-width:490px){.services h3{padding:100px 0 80px 80px;margin-right:60px}.services h3::after{left:0;top:-10px;width:80px}.sub-services h5{font-size:1rem}.sub-services p{font-size:.9rem;line-height:.94rem}}@media (max-width:467px){.services h3{position:relative;font-size:1.6rem;padding:70px 0 70px 60px;margin-right:60px}.services h3::after{position:absolute;left:140px;top:130px;width:80px}.sub-services p{padding:10px 30px 0 30px}.sub-services{top:-160px}.sub-services h5{padding:5px 30px 0 30px}}@media (max-width:370px){.services h3{margin-right:40px}.services h3::after{left:130px}}.projects{background:#000}.projects h3{color:#fff;margin-bottom:80px}.project-itens{display:grid;grid-template-columns:1fr 1fr;gap:45px 10px;margin:auto auto;max-width:1100px;justify-items:center}.item{width:520px;height:350px;position:relative}.item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);pointer-events:none;transition:background-color .5s ease}.item:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.719);pointer-events:none}.project-itens img{border-radius:7px;height:350px;object-fit:cover}.item-animais .animais{opacity:0}.item-flex .flex{opacity:0}.item-vendas .vendas{opacity:0}.item-wordpress .wordpress{opacity:0}.item h4 a{position:absolute;word-wrap:break-word;text-decoration:none;text-align:center;max-width:210px;top:160px;left:170px;font-family:var(--ff-main);font-size:2.5rem;color:#fff}.item li a{position:absolute;color:#fff;bottom:0;left:20px}.data-project{position:absolute;color:#fff;bottom:0;right:20px;font-family:var(--ff-main)}.item-animais:hover .animais{opacity:1}.item-flex:hover .flex{opacity:1}.item-vendas:hover .vendas{opacity:1}.item-wordpress:hover .wordpress{opacity:1}@media (max-width:1100px){.project-itens{justify-content:center;gap:30px 50px;grid-template-columns:350px 350px}.item{width:auto;height:auto;position:relative}.item h4 a{left:90px}.item li a{bottom:20px}.data-project{bottom:20px}}@media (max-width:800px){.project-itens{grid-template-columns:1fr}.item{width:500px}.item h4 a{left:160px}.item li a{bottom:40px}.data-project{bottom:40px}.item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.719);pointer-events:none}.item-animais .animais{opacity:1}.item-flex .flex{opacity:1}.item-vendas .vendas{opacity:1}.item-wordpress .wordpress{opacity:1}}@media (max-width:800px){.item{width:350px}.item h4 a{left:90px}}@media (max-width:500px){.projects h3{font-size:2.2rem}}@media (max-width:400px){.item{width:230px}.item h4 a{left:20px}.projects h3{font-size:1.6rem}}.sobre{height:800px;background:url("images/web_resized.jpg") center;color:#fff}.sobre div{display:flex;justify-content:center;gap:20px}.sobre .perfil{display:inline-block;width:200px}.sobre img{object-fit:cover;height:200px;border-radius:50%}.sobre .resumo{display:block;color:#000;background-color:#fff;margin:80px 40px;border:2px solid #000}.sobre .resumo h4{text-align:center;font-size:2rem;font-family:var(--ff-main);padding:20px 0 40px 0}.sobre .resumo p{font-family:Arial,Helvetica,sans-serif;font-weight:600;text-align:center;padding:0 10px 20px 10px}@media (max-width:540px){.sobre h3{font-size:2.5rem}.sobre h3::after{left:-150px}}@media (max-width:460px){.sobre .perfil{width:150px}.sobre h3{padding:100px 0 80px 60px}}@media (max-width:380px){.sobre h3{padding:100px 0 80px 40px}}.contato{background:#000;color:#fff}.contato p{font-size:1.3rem;text-align:center;margin:0 15px;font-family:Arial,Helvetica,sans-serif;line-height:1.5rem;font-weight:600}.contato form{display:grid;grid-template-columns:1fr 1fr;margin:40px 20px;gap:30px}.contato label{display:block}.contato input{display:block;margin:15px 0 0 0;height:50px;width:100%;box-sizing:border-box}.contato .telefone{grid-column:1/-1}.contato .mensagem{grid-column:1/-1}.contato .mensagem textarea{margin:15px 0 20px 0;height:80px;width:100%}.contato form button{font-size:2em;background:#db3434;color:#fff;border:.25rem solid #db3434;padding:.85em .75em;margin:1rem;position:relative;z-index:1;overflow:hidden}.contato form button:hover{color:#ee0707}.contato form button::after{content:"";background:#ecf0f1;position:absolute;z-index:-1;padding:.85em .75em;display:block}.contato form button::after{transition:all .3s ease}.contato form button:hover::after{transition:all .3s ease-out}.contato form button::after{left:-20%;right:-20%;top:0;bottom:0;transform:skewX(-45deg) scale(0,1)}.contato form button:hover::after{transform:skewX(-45deg) scale(1,1)}.rodape{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(rgba(211,41,29,.7),rgba(211,41,29,.5));justify-content:flex-end}.rodape ul{display:flex;align-items:center;gap:25px;list-style:none;font-size:1.1rem;cursor:pointer;justify-content:flex-end}.rodape ul li a{color:#fff}.rodape p{text-align:start;font-size:1.1rem;margin:5px 10px}.rodape ul{margin:5px 10px}::-webkit-input-placeholder{color:#acacac}@media (max-width:500px){.contato form{grid-template-columns:1fr}}@media (max-width:580px){.contato h3{font-size:2.5rem}.contato h3::after{left:-150px}}@media (max-width:460px){.contato .perfil{width:150px}.contato h3{padding:100px 0 80px 60px}}@media (max-width:410px){.contato h3{padding:100px 0 80px 40px}}@media (max-width:390px){.contato h3{font-size:2.1rem}}