.d1 {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 50%;
	background: lime; 
	border-radius: 28px;
	border-style: none; /* solid; */
	border-width: 1px;
}
.d2 {
	position: fixed;
	top: 0px;
	left: 50%;
	width: 50%;
	height: 50%;
	background: orange;
	border-radius: 28px;
	border-style: none;
	border-width: 1px;
}


.d3 {
	position: fixed;
	top: 50%;
	left: 0px;
	width: 50%;
	height: 50%;
	background: orangered;
	border-radius: 28px;
	border-style: none;
	border-width: 1px;
}


.d4 {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 50%;
	background: purple;
	border-radius: 28px;
	border-style: none;
	border-width: 1px;
}

.dtop {
	position: fixed;
	top: 40%;
	left: 40%;
	width: 20%;
	height: 20%;
	background: yellow;
	border-radius: 50%;
	border-style: none;
	border-width: 1px;
	z-index: 100;
}