@import url("https://fonts.googleapis.com/css?family=Gentium+Book+Basic|Open+Sans&display=swap");
body {
  font-family: "Gentium Book Basic", serif;
}

.container {
  padding: 5vw 10vw;
}

.text {
  max-width: 900px;
}

.hand {
  position: relative;
  font-size: 40px;
  margin-bottom: 40px;
}

h1 {
  font-size: 100px;
  margin: 0;
  font-weight: 400;
}

p,
ul li {
  font-size: 1.25rem;
  line-height: 1.84;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 0.05em;
  margin-bottom: 1em;
}

a {
  color: inherit;
  font-weight: 500;
  display: inline-block;
  border-bottom: solid 2px #000;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #f32e08;
  border-color: #f32e08;
}

.lang {
  position: fixed;
  bottom: 35px;
  right: 35px;
  text-align: right;
  transform: translateY(150px);
  transition: 0.3s all ease-in-out;
  animation-duration: 0.3s;
  animation-name: glissement;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}

@keyframes glissement {
  from {
    transform: translateY(150px);
  }

  to {
    transform: translateY(0);
  }
}

.lang a {
  font-weight: 300;
  text-decoration: none;
  border-bottom: none;
  margin-left: 5px;
}

.lang a.active {
  border-bottom: 1px solid #777;
}