html { min-height: 100%; }
body {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background-image: url('/art/background-candle.png');
}
header { position: relative; flex: 0 0 auto; }
main { flex: 1 0 auto; width: 100%; min-height: 0; }
footer { flex: 0 0 auto; margin-top: auto; }
.language {
  position: absolute;
  top: 22px;
  right: 28px;
  display: flex;
  background: #0c1514eb;
  border: 1px solid #707364;
  border-radius: 3px;
  overflow: hidden;
}
.language button { padding: 5px 12px; min-width: 46px; border: 0; border-radius: 0; background: transparent; font: 14px/1.5 Arial, sans-serif; }
.language button[aria-pressed="true"] { color: #f2e8ce; background: #35483b; box-shadow: inset 0 -2px #d6c28e; }
.language button:hover { background: #35483b; }
.language button:focus-visible { outline-offset: -3px; }
@media (max-width: 600px) {
  header { padding-top: 44px; }
  .language { top: 10px; right: 12px; }
  .language button { min-height: 36px; }
}