schreib.scss

$backdrop:  #21141b;
$behind: #3D3E53;
$primary: #FDDFAD;
$assertive: #f7891f;

body {
  background-color: $behind;
  color: $primary;
}
.s-header {
        display: flex;
        justify-content: space-between;

        padding: .5rem .5rem .8rem .5rem;
        font-size: 1.5rem;
        background-color: $backdrop;
        font-family: 'Roboto Slab', serif;
        letter-spacing: 4px;
    }

.s-title {
  color: $assertive;
  font-family: 'Roboto Slab', serif;
  font-size: 1.4rem;
  text-shadow: 0.05em 0.05em  #e3300c;
}
.s-link {
    color: $assertive;
    text-decoration: none;
    margin: 0.5em;
}
.s-nav {
  text-align: right;
}

.s-link:hover {
    text-shadow: 0.05em 0.05em #9e214c;
}

@media print {
  .s-header{
    display: none;
  }
}

.infobox {
  margin-top: 20px;
  border-radius: 5px;
}
.infobox-text {
  margin: 1em;
}
.infobox-button {
  display: inline-block;
  margin: 1em;
  padding: 10px;
  background-color: $backdrop;
  border-radius: 5px;
  border: 1px solid $backdrop;

}

.infobox-button:hover {
  border: 1px solid $assertive;
}