/* MT. 17.11.2024		
Dies ist ein Flexbox-Layout-Versuch für die Seite index.html

Aber für die Seite index.html ist Grid-Layout am Besten geeignet.
Das aktuelle Grid-Layout grid-layout.css ist gut.
Flexbox-Layout eignet sich am besten für lineare Seiten,
also alle Seiten des Bereichs nav. 
Als Ersatz für grid-layout-links.css und grid-layout-blog.css
*/

body {
			font-size: 14px;
         background: white;
        	display: flex;
        	 min-height: 100vh;

		  max-width: 60em;
		  flex-direction: column;
         justify-content: center;
      }      
      
header {
		flex: 1 1 0%;
			flex-basis: 50%;
		justify-self: center ;
 		transform: scale(0.80);
 		text-align: center;
 		} 		
nav {
	flex: 1;
	flex-basis: 10%;
		   margin-left: 1em;
}
main {
	flex: 1 1 0%;
	flex-basis: 50%;
	max-width: 45em;
	margin-left: 4em;
	text-align: left;
	}
figure {
max-width: 40em;}	

footer {
   justify-content: center;
}