html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* Esto hace que el body ocupe todo el alto de la ventana */
    scroll-behavior: smooth;
  }
  
  /* La imagen de fondo debe ocupar solo el tamaño del monitor */
  body {
  
    background-size: 100% 100vh; /* La imagen ocupa solo la altura de la ventana */
    background-position: center center;
    background-repeat: no-repeat; 
    /* height: 500%; /* El body sigue ocupando el doble de la altura de la ventana */
    height: 100%;
    background-color: black;
    color: white; /
  }