/* the styles for the elements */
body {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
	background-color: goldenrod;
}

/* the styles for the header */
header img {
	float: left;
}
header {
    border:  10px solid crimson;
    background: yellow;  
    margin:  20px;
    padding: 10px;
}
/* the styles for the main content */
main {
	clear: left;
}
main h1 {
	font-size: 150%;
}
main h2 {
	color: var(--global-color-1);
	font-size: 130%;
}
main h3 {
	font-size: 105%;
}

p1{
	color: black;
	;
}
p2{
	color: purple;
	;
}
p3{
	color: red;
	;
}
/* the styles for the footer */
body {
	/*     color: black; */
	background-color: turquoise;
  }
  .page-wrap {
	border: 10px solid black;
	height: auto;
	display: flex;
  }
  aside {
	background: goldenrod;
	padding: 20px;
	flex: 1 1 0;
  }
  main {
	background: violet;
	padding: 20px;
	flex: 4 1 0;
	display: flex;
	flex-direction: column;
  }
  section {
	padding: 20px 10px;
	flex: 2 1 auto;
  }
  section:nth-child(1) {
	background: violet;
  }
  section:nth-child(2) {
	background: violet;
  }
  section:nth-child(3) {
	background: violet;
  }