body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      height: 100vh;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      transition: background-image 1s ease-in-out; /* Efecto fade */
    }

    h1 {
      text-align: center;
      padding-top: 100px;
      color: #222;
    }

    ul {
list-style: none;

    }
    nav{
        background-color: #333;
        align-items: center;
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    
 nav a{
color: rgb(255, 255, 255);
text-decoration: none;

    }

 nav a:hover{
text-decoration: underline;

    }

    li{
margin-left: 10px;

    }