*{
	box-sizing: border-box;
}
nav{
	text-align: center;

}
a{
	padding-right: 10px;
	padding-left: 10px;
	color: black;
	list-style: none;
}

#background{
	display: block;
	height:100vmin;
	width:100vmin;
	background-color:#465A95;
	margin: 0 auto;
	position: relative;
}

#square1{
	background-color: #234059;
	height: 100vmin;
	width: 10vmin;
	left:90vmin;
	position: absolute;
}

#square2{
	background-color: #22216E;
	height: 100vmin;
	width: 10vmin;
	left:80vmin;
	position: absolute;
}

#square3{
	background-color: #9E768B;
	height: 100vmin;
	width: 10vmin;
	left:70vmin;
	position: absolute;
}

#square4{
	background-color: #FFB269;
	height: 100vmin;
	width: 10vmin;
	left:60vmin;
	position: absolute;
}

#square5{
	background-color: #22216E;
	height: 100vmin;
	width: 10vmin;
	left:50vmin;
	position: absolute;
}

#square6{
	background-color: #FFE98E;
	height: 100vmin;
	width: 10vmin;
	left:40vmin;
	position: absolute;
}

#square7{
	background-color: #234059;
	height: 100vmin;
	width: 10vmin;
	left:30vmin;
	position: absolute;
}

#square8{
	background-color: #22216E;
	height: 100vmin;
	width: 10vmin;
	left:20vmin;
	position: absolute;
}