#container{

	width:900px;

	height:900px;

	background-color:red;

	position: absolute;

  	top: 50%;

  	transform: translate(-50%, -50%);

  	margin: auto;

  	left: 50%;
}

.teamA,.teamB{

	position:relative;

	border-radius:50%;

}

.teamA{

	background-color:pink;

	width:450px;

	height:450px;

}

.teamB{

	background-color:blue;

	width:450px;

	height:450px;

}

#teamA1{
	
	left:50%;

	top:0px;

	position:absolute;

	background-color:blue;

}

#teamB1{
	
	left:50%;

	top:50%;

	position:absolute;

	background-color:pink;
}

#circleyellow1{

	border-radius:50%;

    background-color:yellow;

    position:absolute;

    left:12.5%;

	bottom:0%;

	width:200px;

	height:200px;

}

#circleyellow2{

	border-radius:50%;

    background-color:yellow;

    position:absolute;

    left:62.5%;

	top:0%;

	width:200px;

	height:200px;
	
}