/* Web site */

body {
  font-family: 'Roboto Mono', 'Courier New', Courier, monospace;
  font-size: 12;
  color: #a73b8f;
  background: #fff;
  overflow: hidden;
}
::selection {
  background: #a93790;
  color: #fff;
}
h1 {
  color: #3c1357;
}
.lead {
  color: #61208d;
}
p {
  color: #a73b8f;
}
.btn-default {
  color: #e8638b;
  background-color: #fff;
  border-color: #e8638b;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.btn-default:active:hover,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.btn-default:active.focus,
.btn-default.active.focus {
  color: #fff;
  background-color: #e8638b;
  border-color: #e8638b;
}
a, .btn-link {
  color: #f4aea3;
}
a:hover,
a:focus,
a:active,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  color: #a73b8f;
  text-decoration: underline;
}
.project-info {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
}
.upload-area {
  display: none;
}
.animation-canvas {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
footer {
  position: absolute;
  bottom: 0;
  color: #f4aea3;
}
.read-text {
  display: none;
  position: absolute;
  color: #a73b8f;
  font-size: 14px;
  opacity: .4;
}
.controls {
  /*padding: 0 20px;*/
}