Ausrichtung mit flex

[MrMurphy]

Bin ich der einzige, der den CSS-Quelltext lesen kann? Aktuell kopiert und nur strukturiert, aber sachlich nichts geändert:

   header,
   main,
   aside,
   footer {
      padding: 0.5em;
   }
   header {
      border: 1px red solid;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      a {
         display: flex;
         align-items: center;
         gap: 0.5em;
      }
      img {
         /*   max-width: 100%;  */
         width: 60px: height: auto;
      }

      h1 {
         justify-content: center;
         margin: 0 auto 0 auto;
      }
   }
   main {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      nav {
         border: 2px green dotted;
         font-size: 0.8em;
         flex-grow: 0;
      }
      aside {
         border: 2px yellow solid;
         flex-grow: 2;

      }
   }
   footer {
      border: 1px black solid;
   }

Die schließenden Klammern vom header und vom main fehlen nicht, sondern stehen an falscher Stelle. Also falsch strukturiert.