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

body {
  font-family: 'Lato', sans-serif;
  -ms-user-select: none;
      user-select: none; }

.progress {
  padding-left: 22px;
  background-image: url("data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==");
  background-repeat: no-repeat; }

.error {
  color: #f00; }

.tbd {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  width: 100%; }

#app {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }
  #app iframe {
    border: 0;
    width: 100%;
    height: 100%; }

.about {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(3, 3, 3, 0.2);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  z-index: 10; }
  .about a {
    color: black;
    font-size: 1.1em;
    text-decoration: none; }
  .about .content {
    padding: 0.2em;
    border-radius: 3px;
    box-shadow: 2px 2px 10px;
    background-color: white;
    font-size: 14px;
    color: #808080; }
    .about .content span {
      padding: 0; }
    .about .content table, .about .content .inner {
      padding: 2em; }
    .about .content table {
      font-family: monospace; }
    .about .content tr td.key {
      padding: .4em;
      text-align: right;
      color: gray; }
    .about .content tr td.value {
      text-align: left;
      font-weight: bold;
      color: dark-blue; }

.open-or-create div {
  margin: 10px;
  text-align: center; }