@import url('https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Condensed:wght@700&display=swap');

/*background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;*/
html {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("/assets/bg.webp");
  background-repeat: no-repeat;
  background-origin: top;
  background-clip: center;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  height: 100%;
}

body {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  color: #FFF;
  font-size: 20px;
  line-height: 30px;
  padding: 4rem 1rem;
  box-sizing: border-box;
}

.top {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
}

.bottom {
  display: flex;
  justify-content: center;
}

h1 {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 4rem;
  margin-bottom: 2rem;
  line-height: 4rem;
  text-align: center;
}

.text {
  text-align: center;
  margin-bottom: 6rem;
}

.logo {
  font-size: 2rem;
  margin-bottom: 4rem;
}

.adresse {
  justify-self: flex-end;
  align-self: flex-end;
}

.link {
  text-decoration: none;
  transition: color .2s ease-in-out;
  color: orange
}

.link:hover {
  color: darkorange;
}