@font-face {
    font-family: 'Lora';
    font-style: normal;
    font-weight: 100;
    src: local('Lora'), url('fontes/Lora-VariableFont_wght.ttf') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: end;
  flex-direction: column;
  background: url("images/tour-du-Bec-Hellouin.jpg") center / cover;
}

body {
  margin: 0;
  padding: 0 1em 1em;
  text-align: center;
  background: rgb(255 255 255 / 25%);
  border-radius: 1em 1em 0 0;
  font-family: Lora, sans-serif;
}

* {
  color: white;
  text-shadow: 1px 1px 2px black;
}

h1 {
  font-size: 27px;
}

h2 {
  font-size: 20px;
}

p {
  margin: 0.5em;
}