body {
  background-color: #600;
  background-image: url(/images/jacquard.png);
  font-family: Inter, sans-serif;
  margin: 0;
}
a:link, a:visited {
  color: #bc0000;
  text-decoration: underline;
}
a:active, a:hover {
  color: #f00;
  text-decoration-style: double;
}
header a:link, header a:visited, footer a:link, footer a:visited{
  color: #fff;
  text-decoration: underline;
}
header a:active, header a:hover, footer a:active, footer a:hover {
  color: #fff;
  text-decoration-style: double;
}
header {
  color: #fff;
  margin: 0 10px;
}
header h1 {
  float: left;
}
header details {
  float: right;
  max-width: 200px;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 20px 0 10px 0;
  padding: 10px;
  border-radius: 25px;
}
header summary {
  cursor: pointer;
  text-align: right;
  user-select: none;
}
article {
  clear: both;
  margin: 0;
  padding: 10px;
  border-radius: 25px;
  background-color: #fff;
}
footer {
  color: #fff;
  text-align: center;
}