/* placeholder css */
    body {
      background: #d6f5d6;
      font-family: 'Arial Rounded MT Bold', Arial, sans-serif;
      color: #3b5c2e;
      margin: 0;
      padding: 0;
    }
    header {
      background: #aee1a3;
      padding: 2rem 1rem;
      text-align: center;
      border-bottom: 4px solid #7cb77c;
    }
    h1 {
      font-size: 2.5rem;
      margin: 0;
      letter-spacing: 2px;
    }
    .villagers {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 2rem;
      margin: 2rem 0;
    }
    .villager {
      background: #fff;
      border-radius: 1rem;
      box-shadow: 0 2px 8px rgba(60, 120, 60, 0.1);
      padding: 1rem;
      width: 180px;
      text-align: center;
    }
    .villager img {
      width: 100px;
      height: 100px;
      border-radius: 50%;
      margin-bottom: 0.5rem;
      border: 3px solid #aee1a3;
      object-fit: cover;
    }
    footer {
      text-align: center;
      padding: 1rem;
      background: #aee1a3;
      border-top: 4px solid #7cb77c;
      margin-top: 2rem;
      font-size: 1rem;
    }