body {
  background-color: var(--bg-color);
}


main {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5%;
  gap: 10vh;
}


.window {
  width: 60%;
}
.window section {
  color: white;
  padding: 3%;
  display: flex;
  gap: 5%;
  align-items: center;
  font-size: 1.5rem;
}
.window section img {
  width: 50%;
}

.window section a:link {
  color: #2d11a0;
  text-decoration: none;
  font-style: italic;
}
.window section a:visited {
  color: #2d11a0;
  text-decoration: none;
  font-style: italic;
}

.window section a:hover {
  color: #6e61ff;
  text-decoration: none;
  font-style: italic;
}

.window section a:active {
  color: #2d11a0;
  text-decoration: none;
  font-style: italic;
}



.title {
  font-weight: bold;
  text-decoration-line: underline;
  text-decoration-thickness: 10%;
}