@import url(https://fonts.googleapis.com/css2?family=Merriweather);
@import url('https://fonts.googleapis.com/css2?family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');

body {
  background-color: rgb(84, 192, 228);
  background-image: url(/image/gorge.webp);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

h1 {
  font-family: Merriweather;
  color: #fcc200;
  margin: 0.5%;
}

h2 {
  font-family: Merriweather;
  color: #fcc200;
  margin: 0.5%;
}

h3 {
  font-family: Merriweather;
  color: #fcc200;
  margin: 0.5%;
}

p {
  font-family: Merriweather;
  text-align: justify;
  color: #f78062;
  margin: 0.5%;
}

a {
    color: #fcc200;
    background-color: #315991;
}

div {
    backdrop-filter: brightness(40%);
    border: #0f110f;
    border-style: solid;
    margin: 2.5%;
}

li {
  font-family: Merriweather;
  font-size: 20px;
  color: #f78062;
  margin: 0.5%;
}

q {
  font-family: Old Standard TT;
  font-size: 20px;
  font-style: italic;
  font-weight: bolder;
  color: #fcc200;
  display: table;
  margin: 5%;
  background-color: #315991;
  quotes: "“" "„";
  text-align: justify;

}



q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

.image { /* landscape */
  width: 210px;
  float: right;
  height: auto;
  padding: 0%;
}

.image-thin { /* portrait */
  width: 140px;
  float: right;
  height: auto;
  padding: 0%;
}