body {
  background: linear-gradient(45deg,
    #ff2fa0,
    #ff6ad5,
    #b400ff,
    #ff2fa0
  );
  background-size: 500% 500%;
  animation: bgmove 6s ease infinite;
  font-family: "Comic Sans MS", cursive;
  color: white;
  text-align: center;
}

@keyframes bgmove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.window, .diary {
  width: 80%;         /* un poquito más pequeño que antes */
  max-width: 1000px;  /* límite decente en pantallas grandes */
  padding: 30px;      /* espacio adentro cómodo */
  margin: 40px auto;  
  border-radius: 20px;
  box-shadow: 0 0 15px #ff66cc, 0 0 30px #ff99ff;
  min-height: 400px;  /* altura mínima razonable */
}

/* fondos separados */
.window {
  background: #000 url("https://i.pinimg.com/1200x/60/3e/94/603e94d86e46b18982ce02386a64ae8c.jpg");
  background-size: 300px;
}

.diary {
  background: url(https://i.pinimg.com/736x/29/68/bc/2968bcae118bf7e6834db061adb511f7.jpg) no-repeat center center;
  background-size: cover;
  color: #4b004b;
}

.burnbook {
  background-image: url("https://i.pinimg.com/1200x/9f/23/36/9f2336137260232946466d7b4c329a24.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #ffe6e6;
  box-shadow: 0 0 20px #ff1a1a, 0 0 40px #800000;
}
.menu a {
  color: white;
  text-shadow: 0 0 5px #ff66cc, 0 0 10px #ff99ff;
}