body {
  --text-color: #222;
  --bkg-color: #fff;
}
body.dark-theme {
  --text-color: #eee;
  --bkg-color: #121212;
}

@media (prefers-color-scheme: dark) {
  /* defaults to dark theme */
  body {
    --text-color: #eee;
    --bkg-color: #121212;
  }
  body.light-theme {
    --text-color: #222;
    --bkg-color: #fff;
  }
}

* {
  font-family: Arial, Helvetica, sans-serif;
}

body {
  background: var(--bkg-color);
}

h1,
p {
  color: var(--text-color);
}
.btn-toggle_black{
	display: inline-block;
	margin: none;
	font-size:.1em;
	border: none;
text-decoration: none !important;
box-shadow: none;
padding-top: none;
padding-bottom: none;
}
h2,
p {
  color: var(--text-color);
}
li,
p {
  color: var(--text-color);
}
h4,
p {
  color: var(--text-color);
}
h3,
p {
  color: var(--text-color);
}
h5,
p {
  color: var(--text-color);
}
.large {
  color: var(--text-color);
}

.quote {
  color: var(--text-color);
  font-variant: small-caps;
	text-shadow: 0px 1px #000000;
}
.h4center {
  color: var(--text-color);
}
.background2_void centered{
  color: var(--text-color);
}
.sm2-inline-element{
  color: var(--text-color);
}

.btn-toggle_black
	{
	display: inline-block;
	white-space: none;
	background-color: #A6A6A6; 	
	/*background: linear-gradient(#ffffff 40%, #000000 60%);*/
	border: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	border-radius:9px;
	color: none !important;
	cursor: pointer;
	font-size:.3em;
	margin: none;
	overflow: none; /* removes extra side spacing in IE */
	text-decoration: none !important;
	padding-top: none;
	padding-right: 7px;
	padding-bottom: none;
	padding-left: 7px;
	line-height: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-transform: none;
	}

a img {     border: 0; } 

a img, a:link img, a:visited img {
border: 0;
text-decoration: none;
}

img { border-style: none; }


.leftrightdiv {
  display: inline-block; 
  width: 100%;
  border: 0px solid white;
  padding: 20.6px 0px 0.6px 1.6px
}
.playerOne {
  float: right;
}
.playerTwo {
  float: left;
}