/*
 *------------------------------------------------------------------------------
 *
 * Reversi.css
 *
 * Idee:                      https://github.com/duncanmeech
 *
 * weiterentwickelt:          peter@danninger.eu                  28.11.2020
 *
 *------------------------------------------------------------------------------
*/

body {
  background-color: #ffffff;
}

.button {
  display: inline;
  width: 10em;
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: #333333;
  background-color: #F3F3F3;
  border-style: solid;
  border-width: 1px;
  border-color: #808080;
}

.button:hover {
  background-color: #DDDDDD;
  color: #0000FF;
}

.button[disabled],
.button[disabled]:hover,
.button[disabled]:active {
  color: #808080;
  cursor: default;
  background-color: #DDFFDD;
  border-style: solid;
  border-width: 1px;
  border-color: #808080;
}

#canvasID {
  border-radius: 10px;
  border-style: solid;
  border-width: 5px;
  border-color: #008000;
  padding: 3px;
}

select.s1 {
  width: 145px;
}

p.status {
  color: #FF44FF;
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  width: 100%;
  /* animation: blink 2s linear infinite; */
}

/*
@keyframes blink {
  from { opacity: 0.3; }
  to   { opacity: 1; }
}
*/

p.desc {
  color: #444444;
  font: 0.8em Arial, Helvetica;
  width: 100%;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

form.form1 {
  color: #444444;
  font: 1.0em Arial, Helvetica;
  text-align: center;
  margin: 0px;
  padding: 0px;
}

/*
 * the end
*/