
      background-color: #74ddf2; /* Light cyan */
    }
    main {
      border: 2px solid #6f09e5; /* Dark purple */
      background-color: #b880f7; /* Light purple */
    }
    footer {
      border: 2px solid #c4be0d; /* Dark yellow */
      background-color: #f7f380; /* Light yellow */
    }

    .container {
      display: grid;
      grid-template-columns: 1fr 3fr;
      grid-template-rows: 1fr 4fr 1fr;
    }

    header {
      grid-column-end: span 2; /* Make it reach to the second column */
    }