body {
	
	font-family: vortice-concept, montserrat, sans-serif;
    font-weight: 400;
    font-style: normal;
	background: linear-gradient( 270deg, grey, lightgrey, white );
	color: #4C5356;
	border-color: black;
	display: grid;
	grid-template-columns: 100px repeat(3, 1fr);
	grid-template-rows: 150px 1fr 1fr 1fr 1fr 50px;
	gap: 1em;
	Margin: 0 5em 0 5em;
	padding: 5em;
	
}

article,
header,
main,
nav,
aside,
footer {
	font-family: montserrat, sans-serif;
	color: black;
	padding: 15px;
	border: black 1px solid;
	border-radius: 1em 1em 0 0;
	grid-area: 4 / 1 / span 1 / span 4;
}

article {
	font-family: vortice-concept, sans-serif;
	font-weight: 900;
	font-size: 3em;
	font-style: normal;
	color: black;
	padding: 15px;
	border: black 1px solid;
	border-radius: 0 1em 0 0;
	grid-area: 2 / 2 / span 4 / span 3;
	min-width: 380px;
}

aside {
	border-radius: 1em 0 0 0;
	grid-area: 2 / 1 / span 4 / span 1;
	background-image: linear-gradient(135deg, #004666, #4C5356, #4C5356);
	
}

header {
	font-size: 2em;
	grid-column: 1 / span 4;
	grid-row:    1;
}

footer {
	grid-column: 1 / span 4;
	grid-row:    7;
	border-radius: 0 0 1em 1em;
	text-align: center
	}

#prim1 {
	color: white;
	background-color: #4C5356;
	grid-area: 2 / 2 / span 2 / span 1;
}
#prim2 {
	color: white;
	background-color: #004666;
	grid-area: 5 / 2 / span 2 / span 1;
}

#sec1 {
	color: black;
	background-color: #C6DFE7;
	grid-area: 2 / 3 / span 1 / span 1;
}

#sec2 {
	color: white;
	background-color: #006384;
	grid-area: 3 / 3 / span 1 / span 1;
}

#sec3 {
	color: white;
	background-color: #80B0C8;
	grid-area: 4 / 3 / span 1 / span 1;
}

#sec4 {
	color: white;
	background-color: #95A844;
	grid-area: 5 / 3 / span 1 / span 1;
}

#sec5 {
	color: black;
	background-color: #C2CCA6;
	grid-area: 6 / 3 / span 1 / span 1;
}

#sec6 {
	color: white;
	background-color: #5F1939;
	grid-area: 2 / 4 / span 1 / span 1;
}

#sec7 {
	color: white;
	background-color: #A21E4D;
	grid-area: 3 / 4 / span 1 / span 1;
}

#sec8 {
	color: black;
	background-color: #D8AA00;
	grid-area: 4 / 4 / span 1 / span 1;
}

#sec9 {
	color: black;
	background-color: #F6E5BC;
	grid-area: 5 / 4 / span 1 / span 1;
}

#sec10 {
	color: black;
	background-color: #A8ADB3;
	grid-area: 6 / 4 / span 1 / span 1;
}