.container-fit {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: auto;
}

html {
  background-color: #252525;
  color: white;
}

body {
  padding: 0.25em;
}

.header {
  display: flex;
  justify-content: space-around;
  padding: 0.5em;
  font-size: 1.5em;
  flex-grow: 0;
  flex-shrink: 0;
}

.header{
  & > * {
    margin: auto;
    padding: 0 0.5em;
    text-align: center;
    font-weight: bold;
  }

  #logo {
    img {
      width: 50%;
    }
  }
}

input {
  padding: 0.5em;
}

button {
  padding: 0.5em;
}

#player-error {
  display: none;
  margin: auto;
  justify-content: center;

  &.show {
    display: block;
  }
}

.clsp-player-container {
  background-color: black;
}