.box{
  font-size: 20px;
  font-family: sans-serif;
  
   
}

 


.boxes {
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
  grid-row-gap: 30px;
  grid-column-gap: 20px;
 
}

footer {
  padding:10px;
}



ul {
  list-style: none;
  padding: 30px;
  
}

a {
  color: white;
  text-decoration-line: none;
  transition: all 200ms ease-in-out;;
}


 
.fa-facebook{ background: #3B5998;
  color: white;
  padding: 10px;
  font-size: 15px;
  width: 15px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;

}

 .fa-facebook:hover{ 
  background: #3B5998;
  color: white;
  opacity: 0.7;
  padding: 10px;
  font-size: 15px;
  width: 15px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
 }

 .fa-tiktok{ background: #3B5998;
  color: white;
  padding: 10px;
  font-size: 15px;
  width: 15px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;

}

 .fa-tiktok:hover{ 
  background: #3B5998;
  color: white;
  opacity: 0.7;
  padding: 10px;
  font-size: 15px;
  width: 15px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
 }



.fa-ebay{ background: #3B5998;
  color: white;
  padding: 10px;
  font-size: 15px;
  width: 15px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;

}

 .fa-ebay:hover{ 
  background: #3B5998;
  color: white;
  opacity: 0.7;
  padding: 10px;
  font-size: 15px;
  width: 15px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
 }

 .fa-amazon{ background: #3B5998;
  color: white;
  padding: 10px;
  font-size: 15px;
  width: 15px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;

}

 .fa-amazon:hover{ 
  background: #3B5998;
  color: white;
  opacity: 0.7;
  padding: 10px;
  font-size: 15px;
  width: 15px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
 }

 .footerlink{
  font-size: 10px;

 }

 .footerlink:hover{
  font-size: 15px;

  top: 50%;

  opacity: 20;

  transition: all 200ms ease-in-out;

  transform: translateY(-50%);



 }