/*This is the style sheet for athlete_survey.php written by Joseph Davy */
.ft { /*sets the background color and the font and its size*/
	font-family: Arial; 
	color:#242582; 
	text-align: center; 
	background-color:#ccffcc;
}
.slidecontainer { /*Sets the container for the slider*/
	width: 100%;
}
.slider { /*sets slider height and width*/
	height: 25px;
	width: 375px;
}
.radio input[type="radio"] {/*turning off the default radio button*/
	display: none;
}
.radio label { /*Making the label look like a button*/
	color: #242582;
	background-color: rgb(228, 228, 228);
	border-color: #242582;
	border: 2px solid;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 4px;
	font-family: Arial;
}

.radio input[type="radio"]:checked + label { /*This fills in a checked button*/
	color: rgb(228, 228, 228);
	background-color: #242582;
	border-color: #242582;
	border: 2px solid;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 4px;
	font-family: Arial;
}

label:hover { /*This fills in a button when a mouse is hovering over it*/
	color: rgb(228, 228, 228);
	background-color: #242582;
	border-color: #242582;
	border: 2px solid;
	padding-left: 5px;
	padding-right: 5px;
	border-radius: 4px;
	font-family: Arial;
}

#text { /*setting text size*/
	width: 100%;
	height: 125px;
	border: 1px solid;
}

html, body {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
  }