html, body {
    background: #1e1e1e;
    font-family: 'Source Code Pro', monospace;
    color: #52575d;
  }
  
  a, .green { color: #52575d; }
  
  .green { color: #4ce454; }
  .correct { color: #24af2f; }
  .wrong { color: #ff0000; text-decoration: underline; }
  .current { color: #eeeeee; }
  
  .center { text-align: center; }
  .if { display: inline-flex; }
  
  .box { max-width: 900px; padding: 0 30px; }
  
  #heading, #sub-heading {
    align-self: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
  }
  
  #heading { font-size: 1.75rem; margin-top: 50px; }
  #sub-heading { font-size: 1rem; margin-top: 10px; }
  
  .limits-box { text-align: right; margin: 0 35px 0 0; font-size: 15px; }
  
  .stats { margin: 10px auto 20px auto; }
  .details { font-size: 6rem; }
  
  .stat-block { padding: 0 30px; min-width: 250px; }
  
  @media(max-width: 600px) {
    .details { font-size: 5rem; }
    .stat-block { min-width: 0; }
  }
  
  .stat-name { font-size: 1rem; position: relative; top: 45px; right: 5px; }
  
  .text-display {
    margin: 0 0 22px 0;
    font-size: 21px;
    text-align: left;
    min-height: 200px;
  }
  
  input:focus, textarea:focus, select:focus, a:focus { outline: 0; }
  a:focus, a:hover { color: #00ff08; text-decoration: none; }
  
  footer { padding: 20px; font-size: 15px; }
  .restart-button { padding: 10px; }
  
  textarea {
    background: #212121;
    border: 2px solid #52575d;
    border-radius: 10px;
    color: #eeeeee;
    padding: 10px;
    font-size: 1.2rem;
    resize: none;
    text-align: center;
    margin-bottom: 15px;
  }