@charset "utf-8";


*/

body {
   width: 800px;
   margin: 30px auto;
   font-family: baskerville, "palatino linotype", palatino, "century schoolbook L", "times new roman", "serif";
   font-size: 10px;
   padding-bottom: 30px;
}

article {
    min-height: 75%;
    display: grid; /*grid line up*/
    grid-template-row: auto 1fr auto;
    padding-left: 50px; /*space around object*/
    padding-bottom: 80px; /*space around object*/
}

h1, h2, h3 {
   font-weight: bold;
}
h1 {
   color: rgb(255, 52, 0, 0.988); /*set color to red*/
   font-size: 22.4px; /*set font size*/
   text-align: center;
   line-height: 10px;  /*set line size*/
   margin-bottom: 0px;
}

h2 {
   color: rgb(255, 52, 0, 0.988); /*set color to red*/
   font-size: 22.4px; /*set font size*/
   text-align: center;
   line-height: 10px;  /*set line size*/
   margin-top: 0px;
}

h3 {
   color: rgb(255, 52, 0, 0.988); /*set color to red*/
   font-size: 22.4px; /*set font size*/
   text-align: center;
   line-height: 10px;  /*set line size*/
   margin-top: 0px;
}

aside {
	width: 150px;
	padding-left: 20px; /*space around object*/
	margin-left: 10px;
	float: right;
	box-shadow: inset 5px 0 5px -5px rgb(41, 98, 126); /*set color to dark cyan*/
	border-radius:25px;	
	font-style: italic;	
	color: #29627e;
}

aside > p {
  margin: 12px;
}

p {
   color: rgb(255, 52, 0, 0.988);	
   text-align: center;
   font-size: 20px; /*set font size*/
   line-height: 12px;  /*set line size*/

}

footer {
    display: flex;
    justify-content: center;
    padding: 30 px;
    background-color: rgb(11, 10, 130); /*set color to blue trust*/
}