html, body {
	position: relative;
	width: 100%;
	/*height: 100%;*/
}

body {
	color: #333;
	margin: 0;
	padding: 8px;
	box-sizing: border-box;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

a {
	color: rgb(0,100,200);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: rgb(0,80,160);
}

label {
	display: block;
}

input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	padding: 0.4em;
	margin: 0 0 0.5em 0;
	box-sizing: border-box;
	/*border: 1px solid #ccc;*/
	/*border-radius: 2px;*/
}

input:disabled {
	color: #ccc;
}

button {
	color: #333;
	background-color: #f4f4f4;
	outline: none;
}

button:disabled {
	color: #999;
}

button:not(:disabled):active {
	background-color: #ddd;
}

button:focus {
	border-color: #666;
}

/* range inputs */

input[type=range] {
	padding: 0.4em 0 !important;
}

/*
input[type=range] {
  -webkit-appearance: none;
  height: 0;
  margin: 0;
  margin-top: -0.4rem;
  width: 100%;
  padding: 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.55rem;
  cursor: pointer;
  background: #81a1c1;
  border-radius: 1rem;
}
input[type=range]::-webkit-slider-thumb {
  height: 1.1rem;
  width: 1.1rem;
  border-radius: 1rem;
  background: #88C0D0;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -0.25rem;
  border: 0.2rem solid #81a1c1;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 0.55rem;
  cursor: pointer;
  background: #81a1c1;
  border-radius: 1rem;
}
input[type=range]::-moz-range-thumb {
  height: 1.1rem;
  width: 1.1rem;
  border-radius: 1rem;
  background: #88C0D0;
  cursor: pointer;
  margin-top: -0.25rem;
  border: 0.2rem solid #81a1c1;
}*/