html, body {
    height: 100%;
    margin: 0;
}

body {
  font-family: 'Petrona', serif;
  font-size: 30px;
  position: relative;
  background-color: black;
  color: white;
}

#chess {
  position: absolute;
  margin-left: 150px;
  margin-top: 100px;
  width: 500px;
  white-space: pre-wrap;
  padding-bottom: 50px;
}

#board {
  margin-left: 750px;
  margin-top: 300px;
  position: absolute;
  display: none;
}

.fadein {
  animation: fadein 2s;
}

.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.otherdisabled {
  opacity: 0.5;
  pointer-events: none;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.pointer {
  cursor: pointer;
}

a {
  color: #bbbbbb;
  text-decoration: none;
}