body {
  text-align: center;
  background-color: #08b7e2;
}

h1 {
	font-size: 50px;
}

div {
	height: 280px;
	width: 280px;
  background-size: 6em;
  display: table;
  margin: 20px auto;
  border-radius: 100%;
  cursor: pointer;
  box-shadow: inset 0 10px 15px rgba(255,255,255,.35), inset 0 -10px 15px rgba(0,0,0,.05), inset 10px 0 15px rgba(0,0,0,.05), inset -10px 0 15px rgba(0,0,0,.05), 0 5px 20px rgba(0,0,0,.1);
}

#toggleStop {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-radius: 50%;
  background: no-repeat center center, #c4b400;
}

#togglePlay {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-radius: 50%;
  background: no-repeat center center, #0fb600;
}

#togglePause {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-radius: 50%;
  background: no-repeat center center, #05c1ff;
}

.play {
	background: transparent;
	height: 90px;
	border-color: transparent transparent transparent black;
	transition: 100ms all ease;
	cursor: pointer;
	border-style: solid;
	border-width: 50px 0 50px 90px;
	margin-top: 95px;
	margin-left: 35px;
}
		
.pause {
	background: transparent;
	height: 90px;
	border-color: transparent transparent transparent black;
	border-style: double;
	border-width: 0px 0 0px 90px;
	margin-top: 95px;
	margin-left: 18px;
}
	  
.stop {
	border: 0px;
	width: 90px; 
	height: 90px; 
	background: black;
	margin-top: 95px;
	margin-left: 4px;
}

textarea {
	text-align: center;
	background-color:  rgb(130, 155, 184);
}