body{
	background-color: #000000;
	font-size: 20px;
}


#all{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: fixed;

}
.container{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:50px;
}

.oval{
  	height: 50px;
 	width: 100px;
 	background-color: #fff700;
 	border-radius: 50%;
}



.oval2{
	height: 50px;
 	width: 25px;
 	background-color: #000000;
 	border-radius: 50%;
 	margin-left: -60px;

}

#all-lid{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	position:absolute;


}


.oval-lid{
	height: 50px;
 	width: 100px;
 	background-color: #000000;
 	border-radius: 50%;
 	margin:50px;
}


.oval-lid:hover{
	transform:rotate(90deg);
	background-color:#000000;
	width:100px;
	height:100px;

}