.space-mono-regular {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

.space-mono-bold {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  font-style: normal;
}

.space-mono-regular-italic {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  font-style: italic;
}

.space-mono-bold-italic {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  font-style: italic;
}

.inria-sans-light {
  font-family: "Inria Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.inria-sans-regular {
  font-family: "Inria Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.inria-sans-bold {
  font-family: "Inria Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.inria-sans-light-italic {
  font-family: "Inria Sans", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.inria-sans-regular-italic {
  font-family: "Inria Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.inria-sans-bold-italic {
  font-family: "Inria Sans", sans-serif;
  font-weight: 700;
  font-style: italic;
}
body {
    margin: 0;
    background-color: #EEE;
    overscroll-behavior-y: none;
}

#easel {
    width: 100%;
    min-height: 100%;
    background-color: #000;
    border: none;
}

iframe {
    margin: 0;
}

#header {
    color: #333;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: "Inria Sans";
    font-weight: 600;
}

#bar {
    background-color: #333;
    color: #333;
    margin: 0;
    margin-bottom: 20px;
    width: 500px;
    max-width: 90%;
}