body {

/* siempre pon el CSS dentro de <style> (en <head>) o en un archivo .css separado. */

        /* imagen de fondo */
    font-family: Arial, sans-serif;
    background-image: url("background1.jpg"); /* aquí va tu archivo */
    background-size: cover; /* hace que la imagen cubra toda la pantalla */
    background-repeat: no-repeat; /* evita que se repita */
    background-attachment: fixed; /* hace que el fondo quede fijo al hacer scroll */
        color: #fff; /* cambia el color del texto para que contraste */
    text-align: center;
  }
    /* Estilos para los enlaces */
    a {
      color: white;              /* color normal */
      text-decoration: none;     /* sin subrayado */
    }

    a:hover {
      color: burlywood;             /* al pasar el mouse */
      text-decoration: underline;
    }

    a:visited {
      color: #a855f7;            /* si el link ya fue visitado */
    }

     /* centrado de los puntos en la lista */
     
ul {
  list-style-position: inside; /* Hace que el punto se alinee con el texto */
  text-align: center;          /* Centra la lista completa */
  padding: 0;                  /* Quita el espacio lateral extra */
}

li {
  display: inline-block;       /* Opcional: si quieres que los ítems queden uno al lado del otro */
  margin: 5px 15px;
}