body {
  margin: 0px;
  background-color: #161616;
  color: white;
  min-width: 675px;
  font-family: monospace;
  font-weight: lighter;
}

main {
  padding: 2.5vh 10vw;
  font-size: 2vw;
  display: grid;
  justify-items: center;
  gap: 6.841vw;
  overflow-x: hidden;
  overflow-y: hidden;
}

titre {
  display: flex;
  justify-content: center;
  text-decoration: underline;
  text-decoration-color: #ffc107;
}

h1 {
  margin: 0px;
}

a {
  text-decoration: none;
  color: #ffc107;
}

.Legend {
  padding: 0vh 2.5vw;
}

ol {
  padding: 0px;
  margin: 0px;
}

li > a {
  font-weight: bold;
  opacity: 0.5;
  transition: opacity 0.5s ease;
}

li > a:hover {
  text-decoration: underline dashed;
  text-decoration-thickness: 15%;
  opacity: 1;
}

li::marker {
  color: #00000062;
}

li:hover::marker {
  color: #ffffff;
  content: '>  ';
}

.Paragraph {
  border-style: solid;
  border-width: 0.217vw;
  border-radius: 1.172vw;
  border-color: #ffc107;
  padding: 5vh 2.5vw;
  min-width: 500px;
}

.scroll-btn {
  background-color: #ffc107;
  padding: 1vh 1vw;
  border-radius: 0.391vw;
  transition: transform 50s ease-in-out, background-color 5s ease,
    rotate 10s ease;
  color: rgb(0, 0, 0);
  text-decoration: none;
  font-weight: bold;
  background: radial-gradient(
    circle,
    rgba(63, 94, 251, 1) 0%,
    rgba(252, 70, 107, 1) 100%
  );
}

.scroll-btn:hover {
  rotate: 36000deg;
  transform: scale(100);
  
}

.pages {
  cursor: pointer;
}

.pages > a:hover {
  color: #ffffff;
}

footer {
  height: 15vh;
  width: 100%;
  background-color: #0f0f0f;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.help-nav {
  padding: 0% 2.5% 2.5% 0%;
  font-size: 150%;
  font-weight: 900;
}

.help-nav a {
  text-decoration: underline solid;
}

.links {
  background-color: #ffc107;
  height: auto;
  width: 30vw;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
  border-radius: 2vw;
  padding: 1vh 1vw;
  gap: 5vh;
}

.links a {
  color: #0f0f0f;
  text-decoration: none;
  font-weight: bold;
}

.links img {
  height: 15%;
}