body {
            background-color: mediumaquamarine;
            background-image: url('images/celeste.avif');
            width: 100%;
            height: 100px;
            background-size: cover;
            background-position: center;
            background-repeat: repeat;
            font-family: sans-serif;
            margin: 0;
        }


        h1, h2, h3, p {
            text-align: center;
            color: black;
        }

        .contenedor-imagen {
            text-align: center;
        }

        .contenedor-imagenes,
        .contenedor-imagenes2 {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 20px;
            margin-bottom: 40px;
        }
      header{
        display: flex;
        height: 50x;
        background-color:cornflowerblue;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        min-height: 70px;

      }

      .logo{
        display: flex;
        align-items: center;
      }

      .logo img{
        height: 100px;
        margin-right: 10px;
      }

      a{
        text-decoration: none;
        color: black;
      }
      
      nav a{
        font-weight: 600;
        padding-right: 10px;
      }

      nav a:hover{
        color:white;
      }

      @media (max-width:700px){
        header{
      flex-direction: column;
        }

        nav{
          padding: 10px 0px;
        }
      }