:root {
  background-color: black;
  color: white;
  background-image: url("images/bgls.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: fixed;
  font-size: 18px;
}

.container {
  width: 800px;
  margin: 0 auto;
  color: white;
}

h1,
h3,
h4,
a {
  background-color: black;
  padding: 4px 8px;
  width: fit-content;
}

h1:has(span.highlight),
h3:has(span.highlight),
h4:has(span.highlight) {
  background-color: transparent;
  padding: 0;
}

a {
    color: burlywood;
    text-decoration: none;
}

hr {
  border: none;
  height: 2px;
  background-color: white;
}

.highlight {
  background-color: black;
  color: white;
  padding: 4px 8px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.img-md {
  max-width: 100%;
  max-height: 415px;
  object-fit: contain;
  border: 5px solid white;
}

.img-qrit {
  max-width: 100%;
  max-height: 837px;
  object-fit: contain;
  border: 5px solid white;
}

.img-apc {
  max-width: 100%;
  max-height: 415px;
  object-fit: contain;
  border: 5px solid white;
}