* {
	margin: 0px;
	padding: 0px;
	
	font-family: 'Commissioner', sans-serif;
	color: #7FD6FF;
}
.fitMenu {
	cursor:pointer;
}
hr {
	background-color: #32AAFF;
	height: 1px;
	border: 0px;
	margin: 16px 0px 16px 0px;
}
.title {
	font-weight: bold;
	font-size: 32px;
	color: #32AAFF;
}
.main-body {
	margin: 8px;
	padding: 8px;
	background-color: #FAFAFA;
	border-radius: 16px;
}
.main-side {
	margin: 8px;
	padding: 8px;
	background-color: #7FD6FF;
	border-radius: 16px;
	color: white;
}

#stop {
	display: none;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
}
#buttons {
	font-weight: bold;
}
#warmup, #fitness, #fighter, #timer {
	cursor: pointer;
}
@media (min-width:800px) {
	.container {
		width: 80%;
		margin: 0 auto 0 auto;
	}
	.a-head {
		padding: 16px;
		padding-bottom: 8px;
		text-align: center;
	}
	.logo {
		height: 100px;
	}
	.main {
		display: grid;
		grid-template-columns: 70% 30%;

		margin: 8px;
		padding: 8px;
	}
}
@media (max-width:799px) {
	.container {
		width: 95%;
		margin: 0 auto 0 auto;
	}
	.a-head {
		font-size: 36px;
		padding: 8px;
		padding-bottom: 0px;
		text-align: center;
	}
	.logo {
		height: 100px;
	}
}