body{
/*	background: linear-gradient(45deg, brown, white);*/
background: radial-gradient(at 50% 65%, brown, white);
}

.header{
	width: 50vw;
	margin: 5px auto;
	text-align: center;
	border: 1px solid black;
	border-radius: 10px;
	box-shadow: 5px 5px 5px 5px black;
	background: linear-gradient(to right bottom, purple, grey);
	color: white;
}

.selectgroup{
	margin: 2% auto;
	text-align: center;
}

.speakerOn{
	position: absolute;
	top: 0vw;
	width: 10vw;
	height: 10vw;
	background-image: url("../img/speakerOn.png");
	background-size: cover;
	float: right;
}

.speakerOff{
	background-image: url("../img/speakerOff.png");
}

.spinner{
	position: relative;
	width: 70vw;
	height: 70vw;
	background-image: url("../img/blackspinner.png");
	background-size: cover;
	margin: 0 auto;
}

.startSpin{
	animation: spin 20s ease;
}

.btn{
	font-size: 100%;
}
.btnDiv{
	width: 50vw;
	margin: 0 auto;
	text-align: center;
}

@keyframes spin{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360000deg);
	}
}