* {
  margin: 0;
  
  font-family: "Inter", sans-serif;

}

#div1{
  display: grid;
  grid-template-columns: 20% 10% 70%;
  justify-items: center;
  align-items: center;
  
}

#lm-logo{
  width: 80%;

}

#barra{
  width: 3%; 

}

#titulo-div1{
  font-size: 8rem;
  
}

#estilo{
  color: #ff6404e0;
}

#conforto{
  color: #ff6404e0;
  
}

#div2{
  display: grid;
  grid-auto-flow: column;
  justify-items: center;
  align-items: center;
  
}

#img-tenis-capa{
  width: 40%;
}

#black{
  width: 100rem;
}


#div3{
  display: grid;
  grid-auto-flow: column;
  justify-items: center;
  align-items: center;
}

#botao{
  width: 25%;
}

#img-whatsapp{
  width: 100%;
}




#div4{
  display: grid;
  grid-template-columns: repeat(5,1fr);
  column-gap: 0%;
  row-gap: 10%;
  justify-items: center;
  align-items: center;
  padding-top: 10%;
  padding-bottom: 50%;
  background-color: #ffffff;
  width: 90%;
  margin: 0 auto;
  
  
  
}

.tenis{
  width: 50%;
}

  
a{
  text-decoration: none;
  color: #ffffff;
  margin: 0;
}
  



#texto-cor{
  background-color: #ff6404e0;
  color: white;
  text-align: center;
  padding-top: 1%;
  padding-bottom: 1%;
  font-size: 2rem;  
}

  

  
#rodape{
  background-color: black;
  text-align: center;
  color: #ffffff;
  
}
#rodape p{
  
  font-weight: 300;
}

.rodape{
width: 3%;

margin-left: 3%;
margin-right: 3%;

}


#texto-rodape{
  background-color: black;
  color: white;
  text-align: center;
  font-size: 50%;
  padding-bottom: 3%;
  padding-top: 2%;
}

#formulario{
  text-align: center;
  padding-bottom: 1%;
  background-color: #ff6404e0;
  padding-top: 3%;
 
}

#containerInfo{
  display: grid;
  grid-auto-flow: column;
  justify-items: center;
  background-color: black;
  color: #ffffff;
  padding-bottom: 5%;
  padding-top: 5%;
  
}

#containerInfo h1{
  font-size: 90%;
  padding-bottom: 1%;
   font-family: "Poppins", sans-serif;
   font-weight: 300;
  

}

#containerInfo1{
display: inline-block;
text-align: left;
  
 
}

#containerInfo2{
  text-align: center;
  
}
#containerInfo2 p{
  font-weight: 300;
}

.iconePg{
  width: 4%;
  margin-left: 10px;
  
  
}



#iconeFrete{
  width: 10%;
  
}

 #textoFormulario{
  padding-bottom: 2%;
 }
  
 select{
  width: 10%;
  height: 35px;
  cursor: pointer;
  outline: none;
  border-radius: 5px;
  margin-bottom: 1%;

 }



 option{
background-color: #ffffff;


 }


 input{
 
  margin-top: 2%;
  border-radius: 5px;
  height: 25px;
  border: 10px;
  border-color: black;
  outline: none;
  
 }



 textarea{
  border: 0;
  margin-top: 2%;
  border-radius: 10px;
  outline: none;
  width: 30%;

  
  
 }

 button{
  margin-top: 3%;
  margin-bottom: 2%;
  width: 15%;
  border-radius: 10px;
  cursor: pointer;
  padding: 01%;
  border: 0;
  font-size: 1.3rem;
  background-color: #19162e;
  color: #ffffff;
  font-style: inherit;
  font-weight: 500;
  
 }

 button:hover{
  transform:translateY(-7px);
  transition: 0.5s;
  box-shadow: 0px 15px 20px #05103081;
 }
 

#black{
  width: 80%;
margin-left: 9%;
  padding-bottom: 10%;
  
}