html{scroll-snap-type:y mandatory}*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}body{background-color:#000;background-repeat:no-repeat;height:100vh}.interface{max-width:1280px;margin:0 auto}.flex{display:flex}.btn-inicio button{padding:10px 30px;font-size:18px;font-weight:600;background-color:#ffe600;border:0;border-radius:30px;cursor:pointer;transition:.2s}h3{color: red;}h2.titulo{color:#f0ffff;font-size:38px;text-align:center}h2.titulo span{color:#ffe600}button:hover,form .btn-enviar input:hover{box-shadow:0 0 8px #afac00;transform:scale(1.15)}header{padding:40px 4%}header > .interface{display:flex;align-items:center;justify-content:space-between}header a{color:#818181;text-decoration:none;display:inline-block;transition:.2s}header a:hover{color:#f0e004;transform:scale(1.25)}header nav ul{list-style-type:none}header nav ul li{display:inline-block;padding:0 70px}section.topo-do-site{padding:40px 4%}section.topo-do-site .flex{gap:50px;flex-direction:column;align-items:center}.topo-do-site h1{color:#f0ffff;font-size:30px;line-height:37px}.topo-do-site .txt-topo-site h1 span{color:#ffe600}.topo-do-site .txt-topo-site p{color:#f0ffff;margin:40px 0}.topo-do-site .trabalhos img{padding:40px 8%;border-radius:80px;max-width:650px;max-height:550px;flex-direction:column;align-items:center}section.topo-do-site{padding:80px 4%;box-shadow:0 0 40px 10px rgba(165,165,4,0.247)}section.topo-do-site .flex{gap:25px;margin-top:60px}.topo-do-site .trabalhos img{max-width:660px;max-height:560px;background-size:cover;background-position:100% 0;transition:8s;cursor:pointer;border-radius:40px;position:relative}.img-port:hover{background-position:100% 100%}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.61);border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600;color:#f0ffff;opacity:0;transition:.5s}.overlay:hover{opacity:1}footer{padding:40px 4%;box-shadow:0 0 40px 10px rgba(165,165,4,0.247)}footer .flex{justify-content:space-between}footer .line-footer{padding:20px 0}.borda{border-top:2px solid #ecec06}footer .line-footer p i{color:#ecec06;font-size:30px;margin-left:40px}footer .line-footer p a{color:#f0ffff;font-size:20px}@media screen and (max-width: 1020px){.flex{flex-direction:column}.topo-do-site .flex{flex-direction:column-reverse}h2.titulo{font-size:28px;line-height:34px}.menu-desktop,.btn-contato{display:none}section.topo-do-site .flex{gap:40px}section.topo-do-site{padding:20px 8%}.topo-do-site h1{font-size:30px}.topo-do-site .img-topo-site img{width:100%}section.especialidades{padding:40px 8%}section.sobre{padding:80px 8%}.sobre .txt-sobre h2{font-size:34px;line-height:35px;text-align:center}.btn-social{text-align:center}.img-sobre img{width:100%}section.portfolio{padding:80px 8%}.img-port{width:100%;max-width:360px;height:460px;background-size:cover;background-position:100%;transition:8s;cursor:pointer;border-radius:40px;position:relative;margin:0 auto}section.portfolio .flex{gap:60px}}