/* CSS Document */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  max-width: 980px;
  margin: clamp(16px, 5vw, 56px) auto;
  padding-inline: 16px;
  font-family: Arial, sans-serif;
  line-height: 1.45;
  overflow-x: hidden;
}

footer {
  text-align: center;
  color: white;
  bottom: 0px;
}

a {
  text-decoration: none;
  overflow-wrap: anywhere;
  word-break: break-word;
}

p,
h1,
h2,
h3,
li {
  overflow-wrap: anywhere;
  word-break: break-word;
}

a:hover {
  text-decoration: underline overline line-through;
}

img,
video,
iframe {
  display: block;
  max-width: 100%;
  margin: 1rem auto;
}

img,
video {
  height: auto;
}

img {
  object-fit: contain;
}

iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  border: 0;
}

video {
  background: #000;
}