#ref-btn {
  bottom: 75px;
  left: 40px;
  width: 250px;
  z-index: 4;
}

#ref-container {
  position: absolute;
  top: -315px;
  left: -758px;
  width: 2690px;
  height: 2671px;
  border-radius: 50%;
  background-color: #23004C;
  z-index: 3;
  transform: translateX(-100%);
  transition: transform 1s ease-out;
}
#ref-container .ref-items {
  position: absolute;
  left: 853px;
  top: 410px;
  width: 1430px;
  color: #ffffff;
}
#ref-container .ref-items .h2 {
  font-size: 70px;
  color: #ffffff;
}
#ref-container #ref-close {
  top: 1273px;
  left: 2500px;
  pointer-events: all;
}
#ref-container ol {
  padding-left: 0;
  counter-reset: section;
}
#ref-container ol li {
  position: relative;
  padding-left: 65px;
  list-style: none;
  font-size: 27px;
  margin-bottom: 10px;
}
#ref-container ol li:before {
  counter-increment: section;
  content: counter(section) ". ";
  position: absolute;
  width: 60px;
  top: 0;
  left: 0;
  font-family: Sanofi;
}
#ref-container.active {
  transform: translateX(0);
}

/*# sourceMappingURL=section--refs.css.map */