.title {
  font-family: system-ui;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 0;
}

.python {
  text-align: center;
  margin-top: 0;
}

.python__output {
  display: block;
  white-space: nowrap;
}

.python__board {
  display: inline-block;
  font-size: 2rem;
  line-height: 0.7;
  margin-top: 1rem;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.python__board--before {
  width: 0;
}

.python__board--after {
  animation: 0.6s ease-in infinite alternate blink;
}

@keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0;
  }
}

.python__controls {
  margin: 0;
  margin-top: 1rem;
  padding: 0;
  padding-right: 1.7rem;
  border-style: none;
}

.python__player {
  display: inline;
  vertical-align: top;
  box-sizing: border-box;
  width: 40%;
  margin-top: 0.7rem;
  margin-left: 0.4rem;
  margin-right: 0.4rem;
}

.js-current-player {
  background: rgba(from indigo r g b / 20%);
}

.python__label {
  font-family: system-ui;
  font-size: 1.2rem;
  display: block;
}

.python__textbox {
  width: 100%;
  margin-top: 0.4rem;
  border-radius: 5px;
  border: 1px solid lightgrey;
  box-shadow: 1px 1px 1px grey;
  resize: vertical;
}

.python__button {
  display: block;
}