* {
     box-sizing: border-box; 
  }
  img{
    max-width:100%;
}
body{
  margin: 0;
  background:rgb(0, 0, 0);
  animation:mymove 5s infinite;
}

@keyframes mymove{
  from {background-color:whitesmoke;}
  to {background-color: black;}

}

.container{

 
  display:flex;
  flex-direction:row;
  flex-wrap: wrap;
  
  padding:10px; 
  /* margin: 10px; */
   /* gap:35px;  */
}

.row{
  /* display:flex; */
  /* border:1px solid red; */
  width:25%;
  padding:40px;
  /* margin:50px; */


  /* flex-direction: column; */
  /* border: 1px solid black; */
  gap:10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index:1;

}

.bottom{
  /* display:flex; */
  
  width:50%;
  padding:70px;
  margin:50px;


  /* flex-direction: column; */
  /* border: 1px solid black; */
  gap:10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index:1;

}


.shoe{
 width:9vw;
 height:9vw;
 gap: 15px;
 animation: pulse 4s 2s infinite alternate ease-in-out both;
 /* filter:hue-rotate(180deg);  */
}

@keyframes pulse{
  0%{
   
   transform: scale(1);
   
  }
 45%{
  filter:hue-rotate(90deg);
 }
  

  100%{
    
    transform: scale(2);
    filiter:hue-rotate(2);
  }
}