p{ 
	font-size: 20px;
	font-family: arial;
	text-align: center;
	
}

/* CIRCLES*/

#pink1 { 
	display: inline-block;
	position: fixed;
	height: 250px;
	width: 250px;
	border-radius: 50%;
	background-color: transparent;
	margin-top: 40px;
	margin-left: 90px;
	opacity: 0.5;
 }
#pink1:hover{
 	background-color: pink;
 }

#gray1 { 
 	display: inline-block;
	position: fixed;
	height: 250px;
	width: 250px;
	border-radius: 50%;
	background-color: transparent;
	margin-top: 330px;
	margin-left: 450px;
	opacity: 0.5;
 }
#gray1:hover{
 	background-color: lightgray;
 }

#green1 { 
 	display: inline-block;
	position: fixed;
	height: 250px;
	width: 250px;
	border-radius: 50%;
	background-color: transparent;
	margin-top: 40px;
	margin-left: 450px;
	opacity: 0.5;
 }
 #green1:hover{
 	background-color: lightgreen;
 }

 #lavender1 { 
 	display: inline-block;
	position: fixed;
	height: 250px;
	width: 250px;
	border-radius: 50%;
	background-color: transparent;
	margin-top: 330px;
	margin-left: 90px;
	opacity: 0.5;
 }
 #lavender1:hover{
 	background-color: lavender;
 }

#yellow1 { 
  	display: inline-block;
	position: fixed;
	height: 250px;
	width: 250px;
	border-radius: 50%;
	background-color: transparent;
	margin-top: 40px;
	margin-left: 810px;
	opacity: 0.5;
 }
#yellow1:hover{
 	background-color: yellow;
 }

#coral1 { 
  	display: inline-block;
	position: fixed;
	height: 250px;
	width: 250px;
	border-radius: 50%;
	background-color: transparent;
	margin-top: 330px;
	margin-left: 810px;
	opacity: 0.5;
 }
#coral1:hover{
 	background-color: coral;
 }

/* BUTTONS */

#pink2 {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 3px solid pink;
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 30px;
	opacity: 0.5;
	}

#gray2 {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 3px solid lightgray;
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 30px;
	opacity: 0.5;
	}

#green2 {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 3px solid lightgreen;
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 30px;
	opacity: 0.5;
	}

#lavender2 {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 3px solid lavender;
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 30px;
	}

#yellow2 {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 3px solid yellow;
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 30px;
	opacity: 0.5;
	}

#coral2 {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 3px solid coral;
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 30px;
	opacity: 0.5;
	}


#black {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: 3px solid black;
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 30px;
	
	}

/* SUBTEXT */

p#a {
	color: pink;
	font-size: 14px;
	font-family: arial;
	text-align: center;
}

p#b {
	color: lightgray;
	font-size: 14px;
	font-family: arial;
	text-align: center;
}
p#c {
	color: lightgreen;
	font-size: 14px;
	font-family: arial;
	text-align: center;
}
p#d {
	color: lavender;
	font-size: 14px;
	font-family: arial;
	text-align: center;
}
p#e {
	color: yellow;
	font-size: 14px;
	font-family: arial;
	text-align: center;
}
p#f {
	color: coral;
	font-size: 14px;
	font-family: arial;
	text-align: center;
}