/* Global */

:root {
  color-scheme: light dark;
  --primary-color: light-dark(#333, #fafafa);
  --primary-background: light-dark(#e4e4e4, #121212);
  --highlight-color: light-dark(lightblue, lightblue);
}

a, a:link, a:visited, a:focus, a:hover, a:active{
  color:blue;
  text-decoration:none;
}

body {
  color: var(--primary-color);
  background-color: var(--primary-background);
	font:12px/1.55 Arial, Helvetica, sans-serif; text-align:center;
}

mark {
  background: var(--highlight-color);
}

.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.selected {
	background: var(--highlight-color);
	cursor: pointer;
}

.dim {
  opacity: 0.5;
}


		.center {
		  display: block;
		  margin-left: auto;
		  margin-right: auto;
		  width: 50%;
		}


.button {
  /*background-color: #04AA6D; /* Green */
  border: none;
  padding: 10px 15px;
	color: #000;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
	
	border-radius: 12px;

}

/* Headings */
h1,h2,h3,
h4,h5,h6      { margin:0 0 5px; line-height:1.35; }
h1            { font-size:20px; font-weight:normal; }
h2            { font-size:18px; font-weight:normal; }
h3            { font-size:16px; font-weight:bold; }
h4            { font-size:14px; font-weight:bold; }
h5            { font-size:12px; font-weight:bold; }
h6            { font-size:11px; font-weight:bold; }