.container {
  p {
    max-width: 900px;
    margin: 0 auto;
  }
  h1,
  h2, 
  h3,
  h4,
  h5,
  h6 {
    max-width: 520px;
    margin: 0 auto;
  }
}
.tausta-sininen {
  background-color: $sininen;
  color: white;
  h1, .h1, 
  h2, .h2,
  h3, .h3,
  h4, .h4,
  h5, .h5
  h6, .h6  {
    color: $pinkki;
  }
  a {
    color: white;
    text-decoration: none;
    &:focus {
      outline: 2px solid $pinkki;
    }
    &:focus,
    &:hover {
      color: $pinkki;
      text-decoration: underline;
    }
  }
}
.tausta-valkoinen {

}
.tausta-harmaa {
  background-color: $harmaa;
}
.tausta-vaaleanpunainen {
  background-color: $pinkki;
}