/* Base
----------------------------------------------*/

html {
  font-size: 62.5%;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 400;
  color: #202020;
}

h1 {
  font-size: 4rem;
}

h2 {
  font-size: 2rem;
}

a:hover {
  text-decoration: underline;
}

/* Index
----------------------------------------------*/

.index-wrapper {
  display: flex;
  justify-content: center;
  height: 100vh;
  padding: 44vh 8vw 8vh 8vw;
}

.logo {
  width: 440px;
  height: 36px;
}

/* Footer
----------------------------------------------*/

.footer {
  display: flex;
  justify-content: center;
  padding: 40px 8vw;
  font-size: 1.4rem;
}

.menu {
  display: flex;
  gap: 16px;
}

/* Legal pages
----------------------------------------------*/

.legal-wrapper,
.content-wrapper,
.paragraph-wrapper {
  display: flex;
  flex-direction: column;
}

.legal-heading-wrapper {
  padding: 2.4rem 0;
}

.legal-wrapper {
  max-width: 80rem;
  margin: auto;
  padding: 8vh 2.4rem;
  gap: 2.4rem;
}

.content-wrapper {
  gap: 3.2rem;
}

.paragraph-wrapper {
  gap: 0.8rem;
}