:root {
  --primary: antiquewhite;
  --secondary: black;
  --difficultfont: Georgia;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: Georgia;
  background-color: antiquewhite;
  color: black;
  font-size: 100%;
}
header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
header h1 {
  font-family: 'Chomsky';
  font-size: 5em;
  margin-bottom: 0;
}
.tagline {
  color: Peru;
  text-shadow: 0 1px 1px grey;
  padding: 0;
  font-variant: small-caps;
  font-style: italic;
  margin-bottom: 4%;
}
h1 {
  text-align: center;
  margin-top: 4%;
  padding: 0% 5%;
  font-size: 2em;
}
h2 {
  text-align: center;
  font-size: 1.75em;
}
.oped {
  background-color: Peru;
  color: white;
  padding: 1%;
  border-radius: 25px;
  font-size: 0.5em;
  cursor: default;
}
.date {
  color: grey;
  text-align: center;
  font-size: 1.5em;
  padding: 0;
}
p {
  padding: 2% 5%;
  text-align: center;
  font-size: 1.25em;
}
.image {
  padding: 0%;
}
.image img {
  width: 40%;
}
.signature {
  text-align: right;
  float: right;
  background-color: lightblue;
  color: royalblue;
  margin-right: 5%;
  margin-bottom: 4%;
  width: 15%;
  border-radius: 10%;
}
.disclaimer {
  background-color: Peru;
  color: white;
}
.whisper {
  padding: 0 15%;
  color: slategrey;
}
div {
  margin: auto;
}
@font-face {
  font-family: 'Chomsky';
  src: url(/fonts/Chomsky.otf);
}
.headline {
  text-decoration: none;
  color: black;
}
.readmore {
  color: brown;
}
blockquote {
  padding: 10%;
  margin: -7% 0% -4%;
}
.quotemark {
  width: 9%;
  filter: drop-shadow(3px 3px peru);
}
.externallink {
  width: 1em;
  position: relative;
  top: -2%;
  border-radius: 0%;
  filter: none;
}
.quotescrap {
  background-size: stretch;
  background-repeat: round;
  background-position: center;
  width: 50%;
  margin-top: 1.5%;
  margin-bottom: 1.5%;
}
.row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#backtotop {
  position: fixed;
  bottom: 1%;
  right: 1%;
  width: 10%;
  background-image: url(/news/assets/quotescrap1.png);
  transform: rotate(2deg);
  filter: drop-shadow(3px 3px 2px);
}
@media only screen and (orientation:portrait) {
  .quotescrap {
    background-size: cover;
    background-repeat: no-repeat;
  }
  .row {
    flex-direction: column;
  }
  .row img:not(.externallink) {
    width: 90%;
  }
  .image img {
    width: 90%;
  }
  .signature {
    width: 35%;
  }
  #backtotop {
    width: 40%;
  }
}