ul{
   display:flex;
   flex-direction:row;
   justify-items:center;
   padding-inline-start: 0px;
 }
  .back li{
   position:static;
   border:1px solid #d0c6c6;
   list-style:none;
   /* margin:10px; */
   /* padding:10px; */
   
   border-radius:10px;
   display:flex;
 }
 #right, #up, #left, #down{
   align-self:center;
 }
 /* #right{
   flex-direction:row;
   padding: 80px 60px 80px 10px;
 } */
 /* #up{
   flex-direction:column-reverse;
   padding: 60px 80px 0px 80px;
 } */
 #left{
   flex-direction:row-reverse;
   padding: 10px 0px 10px 10px;
 }
 /* #down{
   flex-direction:column;
   padding: 0px 80px 60px 80px;
 } */
 /* .reh{
   width:50px;
   height:50px;
   position:relative;
   box-shadow: 15px -15px #ffffff;
   transform: rotate(45deg);
   border-radius:5px;
 }
 .meh{
   width:50px;
   height:50px;
   position:relative;
   box-shadow: -15px -15px #ffffff;
   transform: rotate(45deg);
   border-radius:5px;
 } */
 
 .leh{
   width:8px;
   height:8px;
   position:relative;
   box-shadow: -2px 2px #ffffff;
   transform: rotate(45deg);
   border-radius:2px;
 }
 /* .deh{
   width:50px;
   height:50px;
   position:relative;
   box-shadow: 15px 15px #ffffff;
   transform: rotate(45deg);
   border-radius:5px;
 } */
 .m1 {
   animation: ani3 2.0s steps(5, start) infinite;
   -webkit-animation: ani3 2.0s steps(5, start) infinite;
 }
 .m2 {
   animation: ani2 2.0s steps(5, start) infinite;
   -webkit-animation: ani2 2.0s steps(5, start) infinite;
 }
 .m3 {
   animation: ani1 2.0s steps(5, start) infinite;
   -webkit-animation: ani1 2.0s steps(5, start) infinite;
 }
 @keyframes ani1 {
    0% {opacity:0.1;}
   11% {opacity:0.1;}
   22% {opacity:0.1;}
   33% {opacity:0.15;}
   44% {opacity:0.25;}
   55% {opacity:0.5;}
   66% {opacity:1;}
   77% {opacity:0.5;}
   88% {opacity:0.25;}
   100% {opacity:0.15;}
 }
 @keyframes ani2 {
    0% {opacity:0.1;}
   11% {opacity:0.15;}
   22% {opacity:0.25;}
   33% {opacity:0.5;}
   44% {opacity:1;}
   55% {opacity:0.5;}
   66% {opacity:0.25;}
   77% {opacity:0.15;}
   88% {opacity:0.1;}
   100% {opacity:0.1;}
 }
 @keyframes ani3 {
    0% {opacity:0.25;}
   11% {opacity:0.5;}
   22% {opacity:1;}
   33% {opacity:0.5;}
   44% {opacity:0.25;}
   55% {opacity:0.15;}
   66% {opacity:0.1;}
   77% {opacity:0.1;}
   88% {opacity:0.1;}
   100% {opacity:0.15;}
 }