body {
	padding: 20px;
	font-family: monospace;
	font-size: 1vw;
}

.container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
	position: absolute;
	top: 0;
  	left: 0;
	height: 100%;
	width: 100%;
}

#box-1 {

	grid-column-start: 1;
	grid-column-end: 1;
	grid-row-start: 5;
	grid-row-end: 5;
}

#box-2 { 
	grid-column-start: 4;
	grid-column-end: 4;
	grid-row: 1;
	grid-row-end: 1;
}

#box-3 {
	grid-column-start: 6;
	grid-column-end: 6;
	grid-row: 3;
	grid-row-end: 3;
}

#box-4 {
	grid-column-start: 3;
	grid-column-end: 3;
	grid-row: 4;
	grid-row-end: 4;
}

#box-5 {
	grid-column-start: 2;
	grid-column-end: 2;
	grid-row: 2;
	grid-row-end: 2;
}

#box-6 {
	grid-column-start: 5;
	grid-column-end: 5;
	grid-row: 5;
	grid-row-end: 5;
}