footer.css

body{
  margin:0;
  overflow-x:hidden;
  }
  
  .footer{
  background:#000;
  padding:30px 0px;
  font-family: 'Play', sans-serif;
  text-align:center;
  }
  
  .footer .row{
  width:100%;
  margin:1% 0%;
  padding:0.6% 0%;
  color:gray;
  font-size:0.8em;
  }
  
  .footer .row a{
  text-decoration:none;
  color:gray;
  transition:0.5s;
  }
  
  .footer .row a:hover{
  color:#fff;
  }
  
  .footer .row ul{
  width:100%;
  }
  
  .footer .row ul li{
  display:flex;
  gap:20px;
  margin:0px 30px;
  }
  
  .footer .row a {
  font-size:2em;
  margin:0% 1%;
  padding: 7px;
  }
  
  @media (max-width:720px)
  {
  .footer{
  text-align:left;
  padding:5%;
  }
  .footer .row ul li{
  display:flex;
  flex-direction: row;
  gap: 10px;
  margin:10px 0px;
  text-align:left;
  }
  
  .footer .row a i{
    display:flex;
  flex-direction: row;
  gap: 30px;
  margin:0% 3%;
  }
  
  }