*{
      margin: 0;
      padding: 0;
  }
  .link_name{
    color:#fff;
  }
.slides{
    width: 100%;
    height: 98%;
    border: 3px solid rgb(255, 250, 250);
    
 position: fixed;
    background-size:97% 100% ;
    background-color:rgb(241, 247, 247);

    min-width: 100%;
   min-height: 100%; 
    margin:0 auto;   
padding: 20px;
float: left;

animation-name: slides 10s infinite;
animation-direction: alternate;

}
ul, li {
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.slider{
  position: relative;
  width: 800px;
  height: 300px;
}

ul.slider li {
    position: fixed;
    left: 0px;
    top: 50px;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: opacity .5s;
    background:#fff;
}

ul.slider li img{
  width: 100%;
  height: 100%;
  position: fixed;
  
  min-width: 100%;
  min-height: 100%; 
   margin:0 auto;  

}

ul.slider li:first-child {
    opacity: 1; /*Mostramos el primer <li>*/
}

ul.slider li:target {
    opacity: 1; /*Mostramos el <li> del enlace que pulsemos*/
}

.dirt{
  animation-name:drive;
  animation-duration: 20s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}
@keyframes drive{
  from { 
      transform: translate(-1500px);
      
              }
to{
  transform: translate(500px);
}}
.menu{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: -370px;
  
  
  }
  .menu li a:hover{
      color: indigo;
      
  }
  .menu li{
    display: inline-block;
    text-align: center;
  }
  
  .menu li a{

    display: inline-block;
    /* 02 */
    background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    color: #fff;
    font-weight: 700;
    position: relative;
  
    transition: all 0.5s ease;

  }
  .home-section{
    background-image: linear-gradient(135deg, #060607 0%,#8a858fde 100% );
  }