body {
     margin: 0;
     font-family: system-ui, sans-serif, Helvetica, roboto, arial;
 }

 .container {
     display: flex;
     min-height: 100vh;
     flex-direction: column;
 }

 header {
 /*  background-color: #f44336; */
     background-color: #F08080;
     color: white;
     padding: 1rem;
     text-align: center;
     font-size: 1em;
 }

 header a {
	box-sizing: border-box; color: #ffffff; text-decoration: none;
 }

 header a:hover {
     color: #000;
 }

 main {
     flex-grow: 1;
     display: flex;
 }

 aside {
     width: 25%;
     background-color: #fcffdb;
     padding: 0;
 }

 section {
     width: 75%;
     padding: 0;
 }

 footer {
     background-color: #333;
     color: white;
     padding: 1rem;
     text-align: center;
 }

footer a {
	box-sizing: border-box; color: rgb(204, 204, 204); text-decoration: none;
}

footer a:hover {
	color: #eee;
}