/* --- Reset --- */
    *{
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: Courier;
      line-height: 1.6;
      background-image: url('https://fleamarked.neocities.org/Filmstrip_long.png');
      background-size: cover;
      color: #333;
    }

    header {
      text-align: center;
      font-family: Garamond;
    }
    
    .latelistlogo {
      display: flex;
      width:100%;
      height:100%
    }

    nav {
      background: #d2e37d; 
      display: grid;
      justify-content: center;
    }
    
   
    nav a {
      color: #fff;
      text-decoration: none;
      padding: 1rem;
      transition: background 0.3s;
    }

    nav a:hover {
      background: #666;
    }

    .container {
      display: grid;
      grid-template-columns: 3fr 1fr;
      gap: 2rem;
      max-width: 1200px;
      margin: 2rem auto;
      padding: 0 1rem;
    }

    article {
      background: #74bce3;
      padding: 1.5rem;
      border-radius: 0px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

    article h2 {
      margin-bottom: 0.5rem;
    }

    article p {
      margin-bottom: 1rem;
    }

    aside {
      background: #fff;
      padding: 1.5rem;
      border-radius: 0px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

    footer {
      background: #222;
      color: #fff;
      text-align: center;
      padding: 1rem;
      margin-top: 2rem;
    }

    /* --- Responsive --- */
    @media (max-width: 768px) {
      .container {
        grid-template-columns: 1fr;
      }

      nav {
        flex-direction: column;
      }

      nav a {
        text-align: center;
        border-top: 1px solid #555;
      }

      nav a:first-child {
        border-top: none;
      }
    }