@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:400&display=swap');

/* CSS Document */

html, body
{
	backround: #d9d9d9;
	background-color: white;
	padding: 10px;
	color: black;
	max-width:700px;
	margin:auto;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size:15px;
	line-height: normal;
	text-align: center;

}
*
{
	float:none;
}
textarea
{
	font-size: 15px;
	line-height: normal;
	font-family: 'Lato', sans-serif;
	background-color: #C6F5FB;
	padding: 10px;
	border-radius: 10px;
	margin-top: 20px;
	margin: 20px;
	width: 90%;
	overflow: hidden;

}
#submit {
}
h1, h2, h3, h4, h5, h6
{font-weight: normal;
}

p
{
	text-align: left;
	margin-left: 50px;
	margin-right: 50px;
	border-radius: 10px;
	padding: 10px;
	background-color: rgba(211,252,219,1.00);
	border: thin solid rgba(142,142,142,1.00);

}
img
{
	align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.slidecontainer {
  width: 100%;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 25px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #4CAF50;
  cursor: pointer;
}

.center
{width: 100%;
text-align: center;
}

input {
	
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: bold 20px;
	background-color: #0066CC;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 40px;
	padding-right: 40px;
	border-right-width: thin;
	/* [disabled]border-right-style: none; */
	border-bottom-style: none;
	/* [disabled]border-left-style: none; */
	border-right-color: #000066;
	color: #FFFFFF;
	text-align: center;
	position: static;
	border-radius: 0px;
	margin-top: 10px;

}
button {
	font-family: 'Lato', sans-serif;
	font-size: 15px bold;
	color: #FFFFFF;
	background-color: #0066FF;
	text-align: center;
	padding: 15px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #00FFFF;
	border-right-color: #000099;
	border-bottom-color: #000099;
	border-left-color: #00FFFF;
	border-radius: 10px;
}