html,
body {
  margin: 0;
  padding: 0;
  overflow: hidden; }

body {
  width: 100%;
  height: 100%; }
  body .statsPanel {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    font-family: "Source Code Pro", monospace;
    background-color: white;
    font-size: 0.6rem;
    padding: 0.2rem; }
    body .statsPanel .infoPanel {
      display: flex;
      align-items: center;
      display: none;
      width: 0rem;
      white-space: nowrap;
      padding: 0.2rem; }
      body .statsPanel .infoPanel.open {
        width: 4rem;
        display: block;
        animation: expand 2s; }

@keyframes expand {
  from {
    width: 0rem; }
  to {
    width: 4rem; } }
    body .statsPanel .openButton {
      padding: 0.2rem;
      cursor: pointer; }