*{
	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:#E0A82F;
	margin: 0 auto;
	position: relative;
}

#square1{
	background-color: black;
	height: 50vmin;
	width: 50vmin;
	position: absolute;
}

#square2{
	background-color: black;
	height: 50vmin;
	width: 50vmin;
	top:50vmin;
	left:50vmin;
	position: absolute;
}

#square3{
	background-color: #E0A82F;
	height: 25vmin;
	width: 49.25vmin;
	left:26.83vmin;
	top:25vmin;
	position: absolute;
	background-image: repeating-linear-gradient(
		90deg,
    	transparent,
    	transparent 10px,
    	black 10px,
    	black 20px);
}

#square4{
	background-color: black;
	height: 25vmin;
	width: 49.25vmin;
	left:26.83vmin;
	top:50vmin;
	position: absolute;
	background-image: repeating-linear-gradient(
		90deg,
    	transparent,
    	transparent 10px,
    	#E0A82F 10px,
    	#E0A82F 20px);
}