@charset "UTF-8";
@font-face {
  font-family: "Eurostile";
  src: url("../assets/font/eurostile.TTF") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Eurostile-italic";
  src: url("../assets/font/Eurostile-italic.otf") format("opentype");
  font-weight: normal;
}
@font-face {
  font-family: "Space";
  src: url("../assets/font/Project_space.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Moon";
  src: url("../assets/font/Moon_Light.otf") format("opentype");
  font-style: normal;
}
@font-face {
  font-family: "Titillium";
  src: url("../assets/font/Titillium-Regular.otf") format("opentype");
  font-style: normal;
}
body {
  margin: 0;
  font-family: "Eurostile";
  color: white;
  font-size: 20px;
  background-color: #2a2a2a;
}

main {
  margin-left: 24px;
  margin-right: 24px;
}

footer {
  background-color: rgba(41, 41, 95, 0.6);
  border-top: solid 1px #f8f8ff;
  padding: 24px;
}
footer ul {
  display: flex;
  justify-content: space-around;
  list-style: none;
}
footer li a {
  color: white;
  text-decoration: none;
  transition: color 0.3s;
  display: inline-block;
}
footer li::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #f8f8ff;
  transition: width 0.3s ease-in-out;
}
footer li:hover::after {
  width: 100%;
}

h1 {
  background-clip: padding-box;
}

h2 {
  font-family: "Titillium";
  font-weight: 400;
}

p {
  margin: 0;
  color: #f8f8ff;
  line-height: 155%;
}

a {
  text-decoration: none;
}

ul {
  padding: 0;
  margin: 0;
}

button {
  background-color: transparent;
  border: none;
  display: inline-block;
  color: white;
}

@media (min-width: 760px) {
  main {
    margin-left: 32px;
    margin-right: 32px;
  }
}
@media (min-width: 1024px) {
  .content__body {
    font-size: 25px;
  }

  main {
    margin-left: 72px;
    margin-right: 72px;
  }

  footer {
    padding: 48px;
  }
}
@media (min-width: 1440px) {
  main {
    margin-left: 120px;
    margin-right: 120px;
  }
}
.slider__explore {
  border: solid 1px #f8f8ff;
  padding: 0.5em;
  color: #f8f8ff;
}

.slider__explore {
  position: relative;
  border: solid 1px rgba(255, 255, 255, 0.3);
  background: none;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0.5em;
  transition: all 0.25s ease;
  outline: none;
}
.slider__explore:before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  width: 60px;
  height: 1px;
  transform: translateY(-1px);
  background: #f8f8ff;
  transition: all 0.25s ease;
}
.slider__explore:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 10%;
  width: 60px;
  height: 1px;
  transform: translateY(1px);
  background: #f8f8ff;
  transition: all 0.25s ease;
}
.slider__explore:hover {
  box-shadow: 1px 1px 8px #f8f8ff;
  color: #f8f8ff;
  text-shadow: 0 0 4px #f8f8ff;
  cursor: pointer;
}
.slider__explore:hover.slider__explore:before {
  left: 0;
  width: 20px;
}
.slider__explore:hover.slider__explore:after {
  right: 0;
  width: 20px;
}
.slider__explore:hover .slider__explore--line:before {
  bottom: 0;
}
.slider__explore:hover .slider__explore--line:after {
  top: 0;
}
.slider__explore--line:before {
  content: "";
  position: absolute;
  bottom: 30%;
  right: 0;
  width: 1px;
  height: 20px;
  transform: translateX(1px);
  background: #f8f8ff;
  transition: all 0.25s ease;
}
.slider__explore--line:after {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  width: 1px;
  height: 20px;
  transform: translateX(-1px);
  background: #f8f8ff;
  transition: all 0.25s ease;
}

.content__link {
  position: relative;
  border: solid 1px rgba(255, 255, 255, 0.3);
  background: none;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0.5em;
  transition: all 0.25s ease;
  outline: none;
  margin-top: 40px;
  margin-bottom: 80px;
}
.content__link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  width: 60px;
  height: 1px;
  transform: translateY(-1px);
  background: #f8f8ff;
  transition: all 0.25s ease;
}
.content__link:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 10%;
  width: 60px;
  height: 1px;
  transform: translateY(1px);
  background: #f8f8ff;
  transition: all 0.25s ease;
}
.content__link:hover {
  box-shadow: 1px 1px 8px #f8f8ff;
  color: #f8f8ff;
  text-shadow: 0 0 4px #f8f8ff;
  cursor: pointer;
}
.content__link:hover.slider__explore:before {
  left: 0;
  width: 20px;
}
.content__link:hover.content__link:after {
  right: 0;
  width: 20px;
}
.content__link:hover .content__link--line:before {
  bottom: 0;
}
.content__link:hover .content__link--line:after {
  top: 0;
}
.content__link--line:before {
  content: "";
  position: absolute;
  bottom: 30%;
  right: 0;
  width: 1px;
  height: 20px;
  transform: translateX(1px);
  background: #f8f8ff;
  transition: all 0.25s ease;
}
.content__link--line:after {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  width: 1px;
  height: 20px;
  transform: translateX(-1px);
  background: #f8f8ff;
  transition: all 0.25s ease;
}

.slider__btn {
  width: 40px;
  height: 40px;
}
.slider__btn--next svg {
  width: 40px;
  height: 40px;
}
.slider__btn--prev svg {
  margin-left: 20px;
  width: 40px;
  height: 40px;
}

@media (min-width: 760px) {
  .slider__btn {
    width: 60px;
    height: 60px;
  }
  .slider__btn--next svg {
    width: 60px;
    height: 60px;
    margin-left: 60px;
  }
  .slider__btn--prev svg {
    margin-left: 60px;
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 1024px) {
  .slider__btn--next svg {
    margin-left: 60px;
  }
  .slider__btn--prev svg {
    margin-left: 100px;
  }

  .content__link {
    margin-top: 80px;
    margin-bottom: 120px;
  }
}
@media (min-width: 1440px) {
  .slider__btn--next svg {
    margin-left: 60px;
    transition: fill 0.3s;
    /* Ajoutez une transition pour le SVG */
  }

  .slider__btn--next svg path {
    fill: #f8f8ff;
    /* Couleur de remplissage initiale pour le chemin */
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    transition: fill 0.3s;
    /* Ajoutez une transition pour le chemin */
  }

  .slider__btn--next svg:hover {
    cursor: pointer;
    fill: #f8f8ff;
    /* Couleur de remplissage au survol pour le SVG */
  }

  .slider__btn--next svg:hover path {
    fill: black;
    /* Couleur de remplissage au survol pour le chemin */
  }

  .slider__btn--prev svg {
    margin-left: 100px;
    transition: fill 0.3s;
    /* Ajoutez une transition pour le SVG */
  }

  .slider__btn--prev svg path {
    fill: #f8f8ff;
    /* Couleur de remplissage initiale pour le chemin */
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
    transition: fill 0.3s;
    /* Ajoutez une transition pour le chemin */
  }

  .slider__btn--prev svg:hover {
    cursor: pointer;
    fill: #f8f8ff;
    /* Couleur de remplissage au survol pour le SVG */
  }

  .slider__btn--prev svg:hover path {
    fill: black;
    /* Couleur de remplissage au survol pour le chemin */
  }
}
.slider--fastoon {
  background: linear-gradient(50deg, rgb(7, 25, 51) 0%, rgb(16, 44, 84) 50%, rgb(121, 183, 208) 100%);
}
.slider--veldin {
  background: linear-gradient(240deg, rgb(201, 160, 116) 0%, rgb(48, 39, 89) 100%);
}
.slider--grelbin {
  background: linear-gradient(220deg, rgb(155, 183, 185) 0%, rgb(66, 91, 132) 50%, rgb(4, 7, 43) 100%);
}
.slider--marcadia {
  background: linear-gradient(200deg, rgb(216, 190, 149) 0%, rgb(150, 46, 11) 100%);
}

.content__body {
  margin: 0;
  height: 500%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(to right top, #010101, #161616, #242424, #343434, #444444);
}

.slider {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.slider__list {
  height: 100vh;
  overflow: hidden;
}
.slider__indicators {
  display: flex;
  justify-content: center;
  list-style-type: none;
  position: absolute;
  bottom: 10vh;
  left: 50%;
  padding: 0;
  transform: translate(-50%, -50%);
}
.slider__indicator {
  border-radius: 8px;
  width: 25px;
  height: 3px;
  background-color: #f8f8ff;
  opacity: 0.5;
  margin: 0 5px;
  transition: opacity 0.3s ease;
}
.slider__indicator--active {
  background-color: #f8f8ff;
  box-shadow: 0 0 10px;
  opacity: 1;
}
.slider__el {
  height: 100vh;
  width: 100%;
  position: absolute;
  pointer-events: none;
}
.slider__el .slider__planet--fastoon {
  background-image: url(../assets/images/fastoon.png);
}
.slider__el .slider__planet--veldin {
  background-image: url(../assets/images/Veldin-copie.png);
}
.slider__el .slider__planet--grelbin {
  background-image: url(../assets/images/Grelbin.png);
}
.slider__el .slider__planet--marcadia {
  background-image: url(../assets/images/marcadia.png);
}
@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .slider__el .slider__planet .slider__planet--fastoon {
    background-image: url(../assets/images/fastoon@2x.png);
  }
  .slider__el .slider__planet .slider__planet--veldin {
    background-image: url(../assets/images/Veldin-copie@2x.png);
  }
  .slider__el .slider__planet .slider__planet--grelbin {
    background-image: url(../assets/images/Grelbin@2x.png);
  }
  .slider__el .slider__planet .slider__planet--marcadia {
    background-image: url(../assets/images/marcadia@2x.png);
  }
}
.slider__content {
  top: 20vh;
  position: absolute;
  margin-left: 1em;
  margin-right: 1em;
}
.slider__background {
  position: absolute;
  height: 500%;
  width: 250%;
  top: -200%;
  left: 25%;
  transform: translateX(50%) scale(0.5);
  transition: transform 1s ease;
}
.slider__planet {
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
}
.slider__title {
  font-family: "Space";
  font-weight: 200;
  font-size: 31px;
  margin: 0;
  transform: translateX(-100%);
  transition: 0.7s;
  overflow: hidden;
}
.slider__title span {
  display: block;
  transform: translateX(100%);
  transition: 0.7s;
}
.slider__title--game {
  font-family: "Moon";
  font-weight: 100;
  font-size: 25px;
  margin: 0;
  transform: translateX(-101%);
  transition: 0.7s;
  overflow: hidden;
}
.slider__title--game span {
  display: block;
  transform: translateX(101%);
  transition: 0.7s;
}
.slider__description {
  position: relative;
  margin-top: 40px;
  margin-bottom: 50px;
  transform: translateX(-101%);
  transition: 0.6s;
  overflow: hidden;
  z-index: 10;
}
.slider__description span {
  display: block;
  transform: translateX(101%);
  transition: 0.6s;
}
.slider__controls {
  bottom: 15vh;
  position: absolute;
  display: flex;
  margin-left: 1em;
}
.slider__btn {
  margin-top: 40px;
}
.slider__btn--prevpos {
  margin-right: 3em;
}

.slider__el--show .slider__background {
  transform: translateX(0%) scale(1);
}

.slider__list,
.slider__controls {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* animation */
.slider__el .slider__explore {
  opacity: 0;
  pointer-events: none;
}

.slider__el--show .slider__explore {
  opacity: 1;
  pointer-events: all;
}

.slider__el--show .slider__planet {
  -webkit-animation: planet 720s linear infinite;
          animation: planet 720s linear infinite;
}

.slider__el--show .slider__background {
  transform: translateX(0%) scale(1);
  transition: transform 1s;
}

.slider__el--show .slider__title,
.slider__el--show .slider__title span {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transition-delay: 1s;
  transform: translateX(0);
}

.slider__el--show .slider__title--game,
.slider__el--show .slider__title--game span {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transition-delay: 1.25s;
  transform: translateX(0);
}

.slider__el--show .slider__description,
.slider__el--show .slider__description span {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
  transition-delay: 1.5s;
  transform: translateX(0);
}

.slider__el--show .slider__explore {
  pointer-events: all;
}

@media (min-width: 760px) {
  .slider__background {
    height: 450%;
    width: 225%;
    top: -175%;
  }
  .slider__title {
    font-size: 47px;
  }
  .slider__title--game {
    font-size: 38px;
  }
  .slider__content {
    margin-left: 3em;
  }
  .slider__description {
    font-size: 25px;
    max-width: 70%;
    margin-top: 70px;
    margin-bottom: 80px;
  }
  .slider__explore {
    font-size: 31px;
  }
  .slider__controls {
    bottom: 20vh;
  }
}
@media (min-width: 1024px) {
  .slider__background {
    height: 300%;
    width: 150%;
    top: -100%;
    left: 40%;
  }
  .slider__indicator {
    width: 30px;
    height: 5px;
    margin: 0 5px;
    transition: opacity 0.3s ease;
  }
  .slider__indicator--active {
    opacity: 1;
  }
  .slider__title {
    font-size: 58px;
  }
  .slider__title--game {
    font-size: 47px;
  }
  .slider__content {
    margin-left: 5em;
    margin-top: -3em;
  }
  .slider__description {
    font-size: 31px;
    margin-top: 80px;
    margin-bottom: 90px;
  }
  .slider__explore {
    font-size: 25px;
  }
  .slider__controls {
    bottom: 10vh;
  }
  .slider__btn--prevpos {
    margin-right: 10em;
  }
}
@media (min-width: 1440px) {
  .slider__background {
    top: -60%;
    left: 40%;
    height: 210%;
    width: 100%;
  }
  .slider__title {
    font-size: 58px;
  }
  .slider__title--game {
    font-size: 47px;
  }
  .slider__content {
    margin-left: 5em;
  }
  .slider__description {
    font-size: 25px;
    margin-top: 60px;
    margin-bottom: 70px;
    width: 50%;
  }
}
@-webkit-keyframes planet {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.2);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
@keyframes planet {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.2);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
/* Additional styles for small window sizes */
@media (min-width: 760px) and (max-height: 800px) {
  .slider__description {
    font-size: 20px;
    /* Adjusted font size */
  }
  .slider__title {
    font-size: 38px;
  }
  .slider__title--game {
    font-size: 31px;
  }
  .slider__explore {
    font-size: 20px;
    /* Adjusted font size */
  }
  .slider__controls {
    margin-left: 80px;
  }
  .slider__btn {
    width: 30px;
    height: 30px;
  }
  .slider__btn--next svg {
    width: 30px;
    height: 30px;
  }
  .slider__btn--prev svg {
    margin-left: 20px;
    width: 30px;
    height: 30px;
  }
}
.scrollnav {
  background-color: rgba(41, 41, 95, 0.7);
  border-bottom: solid 1px #f8f8ff;
  padding: 25px;
  padding-left: 20px;
  position: fixed;
  top: 0;
  width: 100%;
  transform: translateY(0);
  transition: transform 0.3s ease-in-out;
  z-index: 15;
  margin: 0;
}

.nav__list {
  display: flex;
  list-style: none;
  overflow-x: scroll;
}
.nav__list:last-child {
  padding-right: 60px;
}

.nav__list::-webkit-scrollbar {
  display: none;
}

.nav__el {
  font-size: 25px;
  width: 100%;
  margin-right: 60px;
  position: relative;
}

.nav__el a {
  color: #f8f8ff;
  text-decoration: none;
  transition: color 0.3s;
  display: inline-block;
}

.nav__el a::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #f8f8ff;
  transition: width 0.3s ease-in-out;
}

.nav__el a:hover::after {
  width: 100%;
}

.nav__el--active a::after {
  width: 100%;
}

.nav__el--active a:hover {
  cursor: default;
}

.scrollnav--hide {
  transform: translateY(-100%);
}

@media (min-width: 760px) {
  .scrollnav {
    padding-left: 32px;
  }

  .nav__el {
    margin-right: 80px;
  }
}
@media (min-width: 1024px) {
  .scrollnav {
    padding-left: 72px;
  }
}
@media (min-width: 1440px) {
  .scrollnav {
    padding-left: 120px;
  }
}
/* Style for modal */
.modal {
  position: fixed;
  z-index: 15;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal__trigger {
  cursor: pointer;
  color: #FFCB6C;
  font-family: "Eurostile-italic";
  position: relative;
  z-index: 1;
  transition: color 0.3s ease, -webkit-text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease;
  transition: color 0.3s ease, text-decoration 0.3s ease, -webkit-text-decoration 0.3s ease;
}
.modal__trigger::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transform: scaleX(0);
  transition: transform 0.3s ease;
  transform-origin: bottom right;
}
.modal__trigger:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.modal__background {
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal__background--active {
  -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
          animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.modal__content {
  background-color: #2a2a2a;
  margin: 5em auto;
  padding: 20px;
  border: 2px solid #FFCB6C;
  width: 80%;
  opacity: 0;
  /* Start hidden */
  transform: scale(0);
  /* Start with zoomed out */
  position: relative;
  -webkit-animation: zoomOut 0.8s forwards;
          animation: zoomOut 0.8s forwards;
  /* Animation de fermeture pour le contenu */
  z-index: 15;
}
.modal__content--active {
  transform: scale(1);
  /* Normal scale when active */
  -webkit-animation: zoomIn 0.8s forwards;
          animation: zoomIn 0.8s forwards;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  /* Delay to start after background animation ends */
}
.modal__title {
  margin-top: 0;
}
.modal__close {
  -webkit-animation: unfoldOut 0.8s forwards;
          animation: unfoldOut 0.8s forwards;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  /* Ajoutez un délai pour que cette animation commence après la fin de zoomOut */
}
.modal__default-state {
  display: none;
}
.modal__img {
  max-width: 35%;
  margin-bottom: 1em;
}

.no-scroll {
  overflow: hidden;
}

.modal__close-button {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  background-color: inherit;
  cursor: pointer;
  background-image: url(../assets/images/closebtn.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
}

@media (min-width: 760px) {
  .modal__img {
    max-width: 35%;
  }
}
@media (min-width: 1024px) {
  .modal__content {
    font-size: 22px;
  }
}
@media (min-width: 1440px) {
  .modal__img {
    max-width: 50%;
    margin-bottom: 2em;
  }
  .modal__content {
    width: 45%;
  }
}
@-webkit-keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}
@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}
@-webkit-keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}
@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes zoomOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.content__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}
.content__container--video {
  margin-top: 120px;
}
.content__video {
  max-width: 100%;
  border: solid 1px #FFCB6C;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
.content__text p {
  margin-bottom: 0;
}
.content__text--1 {
  margin-bottom: 40px;
}
.content__text--2 {
  margin-top: 80px;
  margin-bottom: 40px;
}
.content__text--3 {
  margin-bottom: 80px;
}
.content__text p {
  margin-top: 1em;
}
.content__title {
  color: #FFCB6C;
  margin: 0;
  margin-bottom: 20px;
  font-size: 38px;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.content__title--novid {
  margin-top: 120px;
}
.content__next {
  display: flex;
  justify-content: center;
  align-items: center;
}
.content__image {
  max-width: 100%;
  z-index: 10;
}
.content__image--border {
  border: solid 2px #FFCB6C;
  border-radius: 8px;
  filter: drop-shadow(0 0 0.75rem rgba(0, 0, 0, 0.5));
}
.content__image--stick {
  vertical-align: center;
}
.content__image--1 {
  display: flex;
  margin: 0 auto;
}
.content__image-1--container {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.content__image-1--container img {
  border: solid 2px #FFCB6C;
  border-radius: 8px;
}
.content__image--container {
  margin-top: 40px;
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.content__image--el {
  margin-bottom: 20px;
}
.content__image-2--container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
}
.content__list {
  margin: 0;
  list-style: none;
}
.content__el {
  text-indent: -5px;
  margin-top: 0.5em;
}
.content__el:before {
  content: "–";
  text-indent: -5px;
}
.content__legends {
  font-size: 0.7em;
  opacity: 0.7;
  margin-top: 1em;
  margin-bottom: 40px;
}
.content__legends--video {
  margin-bottom: 80px;
}

.footer__list {
  margin-top: 0;
  list-style: none;
}
.footer__link {
  color: white;
  text-decoration: none;
  transition: color 0.3s;
  display: inline-block;
}
.footer__link::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #f8f8ff;
  transition: width 0.3s ease-in-out;
}
.footer__link:hover::after {
  width: 0;
}

.clank__séparation::before {
  content: "";
  display: block;
  background-image: url("../assets/images/clank_separation.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom: 9.7%;
  margin-bottom: 40px;
}

.accordion__séparation::before {
  content: "";
  display: block;
  background-image: url("../assets/images/clank_separation.svg");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding-bottom: 9.7%;
  margin-bottom: 40px;
}

@media (min-width: 760px) {
  .grid__content {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }

  .content__text--1 {
    grid-column: 1/7;
  }
  .content__text--2 {
    grid-column: 1/7;
  }
  .content__text--3 {
    grid-column: 2/8;
  }
  .content__image-1--container {
    grid-column: 1/7;
    width: 50%;
  }
  .content__image-2--container {
    grid-column: 1/7;
    margin-bottom: 80px;
    width: 50%;
    place-self: center;
  }
  .content__image {
    place-self: center;
    grid-column: 3/7;
  }
  .content__next {
    grid-column: 1/9;
  }

  .accordion__séparation {
    grid-column: 2/8;
  }
}
@media (min-width: 1024px) {
  .accordion__séparation {
    grid-column: 2/10;
  }
  .accordion__séparation::before {
    background-image: url("../assets/images/clank_separation_desktop.svg");
    padding-bottom: 8.41%;
    /* Pour un rapport d'aspect de 74:880 */
  }

  .grid__content {
    grid-template-columns: repeat(10, 1fr);
    -moz-column-gap: 20px;
         column-gap: 20px;
  }

  .content__container--video {
    margin-top: 160px;
  }
  .content__title {
    font-size: 47px;
    margin-top: 48px;
    margin-bottom: 64px;
  }
  .content__title--novid {
    margin-top: 160px;
  }
  .content__title--credits {
    margin-top: 140px;
    margin-bottom: 40px;
  }
  .content__text--1 {
    grid-column: 1/7;
    margin-bottom: 0;
  }
  .content__text--2 {
    grid-column: 1/7;
    margin-top: 0;
    margin-bottom: 80px;
  }
  .content__text--3 {
    grid-column: 3/9;
    margin-bottom: 120px;
  }
  .content__image--1 {
    grid-column: 7/11;
    grid-row: 1/3;
    place-self: center;
    width: 100%;
  }
  .content__image-1--container {
    grid-column: 7/11;
    grid-row: 1/3;
    place-self: center;
    width: 100%;
  }
  .content__image-2--container {
    grid-column: 3/9;
    place-self: center;
    width: 100%;
    margin-bottom: 120px;
  }
  .content__next {
    grid-column: 1/11;
  }

  .clank__séparation::before {
    background-image: url("../assets/images/clank_separation_desktop.svg");
    padding-bottom: 8.41%;
    /* Pour un rapport d'aspect de 74:880 */
  }
}
@media (min-width: 1440px) {
  .content__déco {
    position: relative;
  }

  .content__déco::before {
    content: "";
    display: block;
    width: 271px;
    height: 647px;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .content__déco::before {
    margin-left: -340px;
    float: left;
    background-image: url("../assets/images/clank_side.svg");
  }

  .content__video {
    max-width: 80%;
  }
  .content__text--1 {
    grid-column: 1/6;
  }
  .content__text--2 {
    grid-column: 1/6;
  }
  .content__text--3 {
    grid-column: 3/9;
  }
  .content__image--2 {
    grid-column: 4/8;
    place-self: center;
  }
  .content__image--contained {
    width: 60%;
  }
  .content__image-2--container {
    grid-column: 4/8;
    place-self: center;
  }
}
.stars__zindex {
  position: relative;
  z-index: 0;
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 300px 1071px #FFF, 640px 1983px #FFF, 1308px 1713px #FFF, 1186px 545px #FFF, 1583px 806px #FFF, 932px 983px #FFF, 1877px 593px #FFF, 622px 1139px #FFF, 1678px 1492px #FFF, 54px 1433px #FFF, 98px 1130px #FFF, 241px 1434px #FFF, 1171px 1936px #FFF, 137px 954px #FFF, 61px 1913px #FFF, 538px 1526px #FFF, 1293px 663px #FFF, 291px 403px #FFF, 651px 1879px #FFF, 1565px 1612px #FFF, 627px 1949px #FFF, 561px 1767px #FFF, 227px 784px #FFF, 182px 1191px #FFF, 639px 1988px #FFF, 642px 1438px #FFF, 1799px 1953px #FFF, 977px 669px #FFF, 1559px 263px #FFF, 999px 1079px #FFF, 1455px 1829px #FFF, 169px 755px #FFF, 333px 1989px #FFF, 765px 557px #FFF, 429px 1406px #FFF, 961px 222px #FFF, 1341px 84px #FFF, 199px 553px #FFF, 1435px 807px #FFF, 1891px 1924px #FFF, 917px 327px #FFF, 182px 900px #FFF, 154px 748px #FFF, 1433px 228px #FFF, 1754px 1396px #FFF, 109px 96px #FFF, 1317px 1092px #FFF, 502px 1354px #FFF, 1022px 637px #FFF, 1826px 802px #FFF, 315px 440px #FFF, 990px 263px #FFF, 1327px 1592px #FFF, 1158px 677px #FFF, 521px 688px #FFF, 1421px 1655px #FFF, 1686px 577px #FFF, 9px 1888px #FFF, 408px 401px #FFF, 1440px 43px #FFF, 547px 1456px #FFF, 411px 1525px #FFF, 962px 991px #FFF, 1448px 840px #FFF, 166px 247px #FFF, 1075px 219px #FFF, 306px 902px #FFF, 629px 1289px #FFF, 365px 807px #FFF, 413px 380px #FFF, 1483px 72px #FFF, 391px 1698px #FFF, 326px 1076px #FFF, 1800px 1257px #FFF, 969px 1889px #FFF, 718px 175px #FFF, 1038px 1973px #FFF, 940px 1285px #FFF, 149px 556px #FFF, 1704px 28px #FFF, 1312px 1310px #FFF, 1381px 1848px #FFF, 1020px 234px #FFF, 1110px 1448px #FFF, 1893px 1109px #FFF, 177px 1461px #FFF, 1112px 1566px #FFF, 1430px 1810px #FFF, 218px 150px #FFF, 360px 1145px #FFF, 725px 1212px #FFF, 644px 1820px #FFF, 1795px 1583px #FFF, 1681px 871px #FFF, 1145px 90px #FFF, 39px 1451px #FFF, 552px 775px #FFF, 686px 633px #FFF, 532px 1931px #FFF, 924px 879px #FFF, 86px 618px #FFF, 974px 1759px #FFF, 607px 688px #FFF, 374px 125px #FFF, 1166px 1658px #FFF, 1615px 1513px #FFF, 841px 798px #FFF, 1993px 330px #FFF, 1672px 538px #FFF, 231px 415px #FFF, 1010px 87px #FFF, 1901px 337px #FFF, 1414px 705px #FFF, 1007px 1122px #FFF, 393px 868px #FFF, 540px 1550px #FFF, 1070px 971px #FFF, 265px 134px #FFF, 608px 314px #FFF, 717px 1154px #FFF, 1775px 1733px #FFF, 436px 1422px #FFF, 135px 918px #FFF, 360px 1414px #FFF, 1721px 986px #FFF, 1788px 9px #FFF, 769px 1201px #FFF, 576px 1541px #FFF, 1643px 1300px #FFF, 1757px 1989px #FFF, 481px 1858px #FFF, 668px 1030px #FFF, 2000px 832px #FFF, 1543px 21px #FFF, 672px 927px #FFF, 1256px 14px #FFF, 1015px 1165px #FFF, 78px 1945px #FFF, 1242px 1620px #FFF, 532px 1739px #FFF, 651px 367px #FFF, 1369px 967px #FFF, 276px 208px #FFF, 220px 566px #FFF, 1228px 224px #FFF, 885px 837px #FFF, 345px 94px #FFF, 423px 253px #FFF, 328px 1350px #FFF, 1107px 256px #FFF, 1112px 1625px #FFF, 392px 701px #FFF, 762px 558px #FFF, 777px 1879px #FFF, 100px 1219px #FFF, 1112px 921px #FFF, 1913px 1657px #FFF, 669px 956px #FFF, 1143px 751px #FFF, 519px 26px #FFF, 600px 1239px #FFF, 468px 1195px #FFF, 286px 346px #FFF, 1813px 955px #FFF, 259px 1216px #FFF, 1485px 482px #FFF, 1295px 726px #FFF, 1957px 119px #FFF, 1055px 1466px #FFF, 1294px 1796px #FFF, 259px 428px #FFF, 243px 527px #FFF, 1982px 1886px #FFF, 45px 1282px #FFF, 1415px 691px #FFF, 1693px 966px #FFF, 356px 1169px #FFF, 1407px 631px #FFF, 1151px 510px #FFF, 1570px 1586px #FFF, 899px 671px #FFF, 1022px 8px #FFF, 1638px 1636px #FFF, 15px 1892px #FFF, 722px 464px #FFF, 592px 1620px #FFF, 1010px 1230px #FFF, 1212px 862px #FFF, 1058px 870px #FFF, 1725px 1527px #FFF, 1291px 1436px #FFF, 1926px 1481px #FFF, 1379px 795px #FFF, 1128px 1548px #FFF, 333px 1261px #FFF, 1294px 320px #FFF, 169px 1159px #FFF, 1730px 491px #FFF, 1261px 1863px #FFF, 1526px 1250px #FFF, 1396px 1376px #FFF, 1474px 750px #FFF, 1042px 295px #FFF, 767px 1592px #FFF, 491px 1198px #FFF, 1810px 55px #FFF, 365px 1398px #FFF, 1843px 124px #FFF, 603px 1757px #FFF, 142px 334px #FFF, 921px 1839px #FFF, 1598px 571px #FFF, 989px 1535px #FFF, 554px 404px #FFF, 1985px 1185px #FFF, 445px 943px #FFF, 382px 1824px #FFF, 617px 782px #FFF, 1067px 1355px #FFF, 656px 239px #FFF, 1085px 181px #FFF, 527px 413px #FFF, 1207px 1694px #FFF, 729px 1761px #FFF, 1073px 1799px #FFF, 43px 224px #FFF, 457px 1028px #FFF, 1942px 170px #FFF, 1022px 250px #FFF, 443px 1389px #FFF, 1629px 1234px #FFF, 1909px 739px #FFF, 1074px 942px #FFF, 676px 1663px #FFF, 1905px 1650px #FFF, 1483px 145px #FFF, 1467px 182px #FFF, 1721px 1105px #FFF, 694px 1811px #FFF, 1225px 586px #FFF, 1907px 403px #FFF, 846px 875px #FFF, 261px 455px #FFF, 1765px 357px #FFF, 624px 1528px #FFF, 500px 1783px #FFF, 1524px 1293px #FFF, 205px 1483px #FFF, 1061px 1934px #FFF, 1173px 620px #FFF, 1783px 159px #FFF, 102px 1637px #FFF, 1434px 152px #FFF, 864px 1600px #FFF, 259px 74px #FFF, 433px 1073px #FFF, 624px 1864px #FFF, 292px 1206px #FFF, 1323px 373px #FFF, 23px 1135px #FFF, 1141px 790px #FFF, 1797px 1071px #FFF, 1961px 25px #FFF, 1599px 705px #FFF, 1742px 1794px #FFF, 521px 641px #FFF, 1412px 1590px #FFF, 398px 1408px #FFF, 649px 1290px #FFF, 1569px 1457px #FFF, 1175px 1813px #FFF, 1569px 336px #FFF, 614px 1665px #FFF, 105px 656px #FFF, 616px 89px #FFF, 1231px 450px #FFF, 883px 1488px #FFF, 1903px 982px #FFF, 548px 179px #FFF, 1441px 1590px #FFF, 1846px 1481px #FFF, 1877px 1067px #FFF, 609px 1850px #FFF, 1318px 1191px #FFF, 710px 508px #FFF, 1795px 940px #FFF, 1702px 144px #FFF, 438px 1494px #FFF, 1462px 1567px #FFF, 566px 1935px #FFF, 696px 906px #FFF, 392px 304px #FFF, 1015px 59px #FFF, 437px 291px #FFF, 1477px 898px #FFF, 1535px 1075px #FFF, 1226px 1568px #FFF, 244px 398px #FFF, 352px 574px #FFF, 1983px 389px #FFF, 732px 160px #FFF, 1240px 917px #FFF, 527px 1525px #FFF, 1702px 1894px #FFF, 1290px 1639px #FFF, 1749px 950px #FFF, 1685px 1795px #FFF, 1020px 908px #FFF, 1302px 1769px #FFF, 250px 1783px #FFF, 1911px 1911px #FFF, 1236px 49px #FFF, 1701px 1129px #FFF, 1552px 1831px #FFF, 814px 1599px #FFF, 1809px 1339px #FFF, 397px 1271px #FFF, 953px 423px #FFF, 212px 1976px #FFF, 1889px 1563px #FFF, 1902px 1467px #FFF, 402px 490px #FFF, 1575px 1159px #FFF, 1261px 142px #FFF, 1384px 1831px #FFF, 194px 1067px #FFF, 1878px 1746px #FFF, 399px 1898px #FFF, 667px 1124px #FFF, 1775px 181px #FFF, 391px 734px #FFF, 1055px 631px #FFF, 1842px 941px #FFF, 1808px 1053px #FFF, 1087px 62px #FFF, 1887px 1559px #FFF, 1963px 375px #FFF, 529px 1873px #FFF, 517px 1951px #FFF, 448px 940px #FFF, 1126px 521px #FFF, 1395px 986px #FFF, 1426px 674px #FFF, 1297px 698px #FFF, 551px 731px #FFF, 979px 103px #FFF, 51px 316px #FFF, 850px 169px #FFF, 1388px 786px #FFF, 744px 1102px #FFF, 953px 390px #FFF, 674px 1900px #FFF, 577px 886px #FFF, 1551px 1609px #FFF, 46px 758px #FFF, 63px 1267px #FFF, 1895px 696px #FFF, 931px 1813px #FFF, 15px 280px #FFF, 799px 266px #FFF, 1499px 63px #FFF, 1488px 1989px #FFF, 1170px 1138px #FFF, 1474px 268px #FFF, 1549px 1526px #FFF, 1451px 1247px #FFF, 139px 1702px #FFF, 195px 1853px #FFF, 857px 1231px #FFF, 1692px 344px #FFF, 925px 784px #FFF, 680px 1812px #FFF, 644px 1876px #FFF, 507px 804px #FFF, 1693px 810px #FFF, 394px 642px #FFF, 1650px 1989px #FFF, 1064px 202px #FFF, 964px 833px #FFF, 1374px 493px #FFF, 1637px 1656px #FFF, 850px 523px #FFF, 1193px 1204px #FFF, 1860px 1816px #FFF, 592px 108px #FFF, 1919px 453px #FFF, 1655px 1123px #FFF, 1772px 272px #FFF, 941px 1620px #FFF, 1220px 216px #FFF, 1px 796px #FFF, 1844px 1070px #FFF, 1306px 1064px #FFF, 1144px 807px #FFF, 190px 842px #FFF, 155px 1064px #FFF, 674px 395px #FFF, 1284px 1989px #FFF, 1547px 59px #FFF, 1621px 1872px #FFF, 2px 1023px #FFF, 1039px 381px #FFF, 309px 612px #FFF, 1908px 129px #FFF, 657px 1497px #FFF, 349px 878px #FFF, 1348px 682px #FFF, 217px 1497px #FFF, 1562px 441px #FFF, 126px 1734px #FFF, 287px 1642px #FFF, 828px 3px #FFF, 1771px 1330px #FFF, 39px 1902px #FFF, 1152px 339px #FFF, 728px 427px #FFF, 371px 1989px #FFF, 468px 774px #FFF, 548px 14px #FFF, 393px 1210px #FFF, 1253px 984px #FFF, 1009px 1584px #FFF, 376px 523px #FFF, 592px 1924px #FFF, 1636px 245px #FFF, 612px 178px #FFF, 161px 1567px #FFF, 295px 1231px #FFF, 1136px 786px #FFF, 1167px 1237px #FFF, 269px 1503px #FFF, 1664px 196px #FFF, 1726px 324px #FFF, 1470px 529px #FFF, 1117px 1615px #FFF, 711px 1098px #FFF, 1002px 208px #FFF, 1531px 103px #FFF, 1412px 194px #FFF, 793px 85px #FFF, 7px 528px #FFF, 613px 1748px #FFF, 1332px 916px #FFF, 426px 1054px #FFF, 939px 1676px #FFF, 683px 1236px #FFF, 1244px 215px #FFF, 908px 958px #FFF, 1318px 1978px #FFF, 1294px 1246px #FFF, 151px 273px #FFF, 157px 1592px #FFF, 1524px 791px #FFF, 444px 234px #FFF, 542px 407px #FFF, 1224px 329px #FFF, 510px 719px #FFF, 1857px 38px #FFF, 796px 162px #FFF, 1025px 1502px #FFF, 1654px 378px #FFF, 1028px 1911px #FFF, 900px 1559px #FFF, 1976px 1264px #FFF, 1444px 1433px #FFF, 975px 861px #FFF, 91px 1312px #FFF, 1150px 557px #FFF, 1977px 346px #FFF, 1615px 610px #FFF, 141px 261px #FFF, 1073px 1335px #FFF, 1444px 491px #FFF, 429px 297px #FFF, 1743px 498px #FFF, 490px 1985px #FFF, 1714px 1098px #FFF, 757px 806px #FFF, 777px 360px #FFF, 460px 1843px #FFF, 795px 398px #FFF, 1617px 1224px #FFF, 420px 1529px #FFF, 1662px 1299px #FFF, 679px 1559px #FFF, 1146px 1362px #FFF, 284px 766px #FFF, 1661px 508px #FFF, 1527px 411px #FFF, 641px 1123px #FFF, 840px 659px #FFF, 1903px 1020px #FFF, 1614px 1830px #FFF, 875px 656px #FFF, 1801px 452px #FFF, 480px 1705px #FFF, 1220px 1769px #FFF, 785px 180px #FFF, 608px 1987px #FFF, 356px 595px #FFF, 1421px 540px #FFF, 1330px 1450px #FFF, 432px 1546px #FFF, 971px 10px #FFF, 1897px 666px #FFF, 286px 655px #FFF, 1585px 1593px #FFF, 992px 737px #FFF, 902px 91px #FFF, 1766px 1792px #FFF, 475px 1293px #FFF, 950px 493px #FFF, 1993px 639px #FFF, 167px 1563px #FFF, 431px 1755px #FFF, 1876px 265px #FFF, 314px 769px #FFF, 1822px 338px #FFF, 103px 272px #FFF, 964px 1718px #FFF, 775px 563px #FFF, 105px 959px #FFF, 268px 19px #FFF, 203px 1605px #FFF, 1212px 890px #FFF, 380px 393px #FFF, 1709px 498px #FFF, 1309px 1920px #FFF, 476px 1973px #FFF, 1925px 118px #FFF, 1852px 38px #FFF, 29px 1067px #FFF, 101px 873px #FFF, 436px 1136px #FFF, 1126px 1385px #FFF, 1988px 726px #FFF, 191px 193px #FFF, 254px 1410px #FFF, 1693px 486px #FFF, 571px 1965px #FFF, 1372px 1151px #FFF, 1099px 1916px #FFF, 140px 616px #FFF, 111px 599px #FFF, 52px 1001px #FFF, 113px 1853px #FFF, 1314px 845px #FFF, 659px 1618px #FFF, 1580px 1630px #FFF, 1250px 254px #FFF, 1492px 1683px #FFF, 229px 24px #FFF, 850px 1252px #FFF, 674px 100px #FFF, 851px 298px #FFF, 969px 7px #FFF, 1698px 1610px #FFF, 1871px 1347px #FFF, 545px 1258px #FFF, 831px 671px #FFF, 644px 1989px #FFF, 929px 797px #FFF, 1156px 1343px #FFF, 1129px 101px #FFF, 1822px 571px #FFF, 1581px 1032px #FFF, 30px 333px #FFF, 1532px 1832px #FFF, 270px 911px #FFF, 1594px 846px #FFF, 64px 546px #FFF, 905px 255px #FFF, 1604px 1943px #FFF, 1673px 72px #FFF, 217px 413px #FFF, 557px 1812px #FFF, 1032px 846px #FFF, 1026px 128px #FFF, 802px 511px #FFF, 1241px 1169px #FFF, 1180px 583px #FFF, 1035px 992px #FFF, 1370px 1805px #FFF, 1744px 1189px #FFF, 1522px 826px #FFF, 994px 311px #FFF, 264px 340px #FFF, 251px 1515px #FFF, 202px 1018px #FFF, 1869px 323px #FFF, 164px 1364px #FFF, 1673px 1973px #FFF, 1417px 321px #FFF, 818px 38px #FFF, 1916px 63px #FFF, 1192px 41px #FFF, 1303px 1861px #FFF, 831px 1570px #FFF, 1542px 462px #FFF, 427px 103px #FFF, 1572px 775px #FFF, 276px 292px #FFF, 1084px 1259px #FFF, 895px 1345px #FFF, 1000px 179px #FFF, 1269px 1953px #FFF, 737px 425px #FFF, 1080px 1841px #FFF, 327px 1757px #FFF, 1818px 797px #FFF, 1045px 677px #FFF, 291px 988px #FFF, 1824px 335px #FFF, 771px 1161px #FFF, 1554px 945px #FFF, 1469px 1244px #FFF, 89px 28px #FFF, 1221px 1938px #FFF, 1625px 1617px #FFF, 512px 1692px #FFF, 1650px 1294px #FFF, 1616px 852px #FFF, 1732px 1780px #FFF, 869px 485px #FFF, 1901px 670px #FFF, 603px 1549px #FFF, 1187px 1703px #FFF, 435px 329px #FFF, 1229px 1743px #FFF, 1570px 71px #FFF, 222px 219px #FFF, 1453px 246px #FFF, 1721px 1530px #FFF, 1211px 1337px #FFF, 236px 1080px #FFF, 525px 1623px #FFF, 888px 842px #FFF, 425px 1569px #FFF, 476px 1272px #FFF, 1189px 778px #FFF, 767px 1662px #FFF, 1066px 1486px #FFF, 1678px 705px #FFF, 185px 1408px #FFF, 518px 1581px #FFF, 1170px 943px #FFF, 1332px 615px #FFF, 1127px 1042px #FFF, 1664px 1456px #FFF, 717px 825px #FFF, 1536px 1926px #FFF, 1756px 869px #FFF, 426px 1103px #FFF, 1844px 1864px #FFF, 454px 1999px #FFF, 631px 208px #FFF, 1326px 966px #FFF, 150px 1542px #FFF, 1651px 1789px #FFF, 1151px 1217px #FFF, 1657px 1634px #FFF, 477px 1764px #FFF, 196px 381px #FFF, 630px 1807px #FFF, 213px 922px #FFF, 185px 701px #FFF, 1207px 1441px #FFF, 1565px 714px #FFF, 1542px 715px #FFF, 930px 1416px #FFF, 3px 865px #FFF, 1184px 1255px #FFF, 1567px 1727px #FFF, 1782px 1666px #FFF, 1745px 858px #FFF, 1569px 57px #FFF, 1785px 1613px #FFF, 1281px 278px #FFF, 158px 555px #FFF, 1727px 1426px #FFF, 1224px 210px #FFF, 1029px 884px #FFF, 59px 652px #FFF, 1374px 939px #FFF, 1454px 1577px #FFF, 924px 409px #FFF, 1879px 1356px #FFF, 1391px 1095px #FFF, 1108px 801px #FFF, 749px 310px #FFF, 919px 456px #FFF, 1443px 1840px #FFF, 1735px 593px #FFF, 704px 892px #FFF, 233px 456px #FFF, 1945px 573px #FFF, 366px 239px #FFF, 1498px 65px #FFF, 1987px 663px #FFF, 815px 868px #FFF;
  -webkit-animation: animStar 50s linear infinite;
          animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 300px 1071px #FFF, 640px 1983px #FFF, 1308px 1713px #FFF, 1186px 545px #FFF, 1583px 806px #FFF, 932px 983px #FFF, 1877px 593px #FFF, 622px 1139px #FFF, 1678px 1492px #FFF, 54px 1433px #FFF, 98px 1130px #FFF, 241px 1434px #FFF, 1171px 1936px #FFF, 137px 954px #FFF, 61px 1913px #FFF, 538px 1526px #FFF, 1293px 663px #FFF, 291px 403px #FFF, 651px 1879px #FFF, 1565px 1612px #FFF, 627px 1949px #FFF, 561px 1767px #FFF, 227px 784px #FFF, 182px 1191px #FFF, 639px 1988px #FFF, 642px 1438px #FFF, 1799px 1953px #FFF, 977px 669px #FFF, 1559px 263px #FFF, 999px 1079px #FFF, 1455px 1829px #FFF, 169px 755px #FFF, 333px 1989px #FFF, 765px 557px #FFF, 429px 1406px #FFF, 961px 222px #FFF, 1341px 84px #FFF, 199px 553px #FFF, 1435px 807px #FFF, 1891px 1924px #FFF, 917px 327px #FFF, 182px 900px #FFF, 154px 748px #FFF, 1433px 228px #FFF, 1754px 1396px #FFF, 109px 96px #FFF, 1317px 1092px #FFF, 502px 1354px #FFF, 1022px 637px #FFF, 1826px 802px #FFF, 315px 440px #FFF, 990px 263px #FFF, 1327px 1592px #FFF, 1158px 677px #FFF, 521px 688px #FFF, 1421px 1655px #FFF, 1686px 577px #FFF, 9px 1888px #FFF, 408px 401px #FFF, 1440px 43px #FFF, 547px 1456px #FFF, 411px 1525px #FFF, 962px 991px #FFF, 1448px 840px #FFF, 166px 247px #FFF, 1075px 219px #FFF, 306px 902px #FFF, 629px 1289px #FFF, 365px 807px #FFF, 413px 380px #FFF, 1483px 72px #FFF, 391px 1698px #FFF, 326px 1076px #FFF, 1800px 1257px #FFF, 969px 1889px #FFF, 718px 175px #FFF, 1038px 1973px #FFF, 940px 1285px #FFF, 149px 556px #FFF, 1704px 28px #FFF, 1312px 1310px #FFF, 1381px 1848px #FFF, 1020px 234px #FFF, 1110px 1448px #FFF, 1893px 1109px #FFF, 177px 1461px #FFF, 1112px 1566px #FFF, 1430px 1810px #FFF, 218px 150px #FFF, 360px 1145px #FFF, 725px 1212px #FFF, 644px 1820px #FFF, 1795px 1583px #FFF, 1681px 871px #FFF, 1145px 90px #FFF, 39px 1451px #FFF, 552px 775px #FFF, 686px 633px #FFF, 532px 1931px #FFF, 924px 879px #FFF, 86px 618px #FFF, 974px 1759px #FFF, 607px 688px #FFF, 374px 125px #FFF, 1166px 1658px #FFF, 1615px 1513px #FFF, 841px 798px #FFF, 1993px 330px #FFF, 1672px 538px #FFF, 231px 415px #FFF, 1010px 87px #FFF, 1901px 337px #FFF, 1414px 705px #FFF, 1007px 1122px #FFF, 393px 868px #FFF, 540px 1550px #FFF, 1070px 971px #FFF, 265px 134px #FFF, 608px 314px #FFF, 717px 1154px #FFF, 1775px 1733px #FFF, 436px 1422px #FFF, 135px 918px #FFF, 360px 1414px #FFF, 1721px 986px #FFF, 1788px 9px #FFF, 769px 1201px #FFF, 576px 1541px #FFF, 1643px 1300px #FFF, 1757px 1989px #FFF, 481px 1858px #FFF, 668px 1030px #FFF, 2000px 832px #FFF, 1543px 21px #FFF, 672px 927px #FFF, 1256px 14px #FFF, 1015px 1165px #FFF, 78px 1945px #FFF, 1242px 1620px #FFF, 532px 1739px #FFF, 651px 367px #FFF, 1369px 967px #FFF, 276px 208px #FFF, 220px 566px #FFF, 1228px 224px #FFF, 885px 837px #FFF, 345px 94px #FFF, 423px 253px #FFF, 328px 1350px #FFF, 1107px 256px #FFF, 1112px 1625px #FFF, 392px 701px #FFF, 762px 558px #FFF, 777px 1879px #FFF, 100px 1219px #FFF, 1112px 921px #FFF, 1913px 1657px #FFF, 669px 956px #FFF, 1143px 751px #FFF, 519px 26px #FFF, 600px 1239px #FFF, 468px 1195px #FFF, 286px 346px #FFF, 1813px 955px #FFF, 259px 1216px #FFF, 1485px 482px #FFF, 1295px 726px #FFF, 1957px 119px #FFF, 1055px 1466px #FFF, 1294px 1796px #FFF, 259px 428px #FFF, 243px 527px #FFF, 1982px 1886px #FFF, 45px 1282px #FFF, 1415px 691px #FFF, 1693px 966px #FFF, 356px 1169px #FFF, 1407px 631px #FFF, 1151px 510px #FFF, 1570px 1586px #FFF, 899px 671px #FFF, 1022px 8px #FFF, 1638px 1636px #FFF, 15px 1892px #FFF, 722px 464px #FFF, 592px 1620px #FFF, 1010px 1230px #FFF, 1212px 862px #FFF, 1058px 870px #FFF, 1725px 1527px #FFF, 1291px 1436px #FFF, 1926px 1481px #FFF, 1379px 795px #FFF, 1128px 1548px #FFF, 333px 1261px #FFF, 1294px 320px #FFF, 169px 1159px #FFF, 1730px 491px #FFF, 1261px 1863px #FFF, 1526px 1250px #FFF, 1396px 1376px #FFF, 1474px 750px #FFF, 1042px 295px #FFF, 767px 1592px #FFF, 491px 1198px #FFF, 1810px 55px #FFF, 365px 1398px #FFF, 1843px 124px #FFF, 603px 1757px #FFF, 142px 334px #FFF, 921px 1839px #FFF, 1598px 571px #FFF, 989px 1535px #FFF, 554px 404px #FFF, 1985px 1185px #FFF, 445px 943px #FFF, 382px 1824px #FFF, 617px 782px #FFF, 1067px 1355px #FFF, 656px 239px #FFF, 1085px 181px #FFF, 527px 413px #FFF, 1207px 1694px #FFF, 729px 1761px #FFF, 1073px 1799px #FFF, 43px 224px #FFF, 457px 1028px #FFF, 1942px 170px #FFF, 1022px 250px #FFF, 443px 1389px #FFF, 1629px 1234px #FFF, 1909px 739px #FFF, 1074px 942px #FFF, 676px 1663px #FFF, 1905px 1650px #FFF, 1483px 145px #FFF, 1467px 182px #FFF, 1721px 1105px #FFF, 694px 1811px #FFF, 1225px 586px #FFF, 1907px 403px #FFF, 846px 875px #FFF, 261px 455px #FFF, 1765px 357px #FFF, 624px 1528px #FFF, 500px 1783px #FFF, 1524px 1293px #FFF, 205px 1483px #FFF, 1061px 1934px #FFF, 1173px 620px #FFF, 1783px 159px #FFF, 102px 1637px #FFF, 1434px 152px #FFF, 864px 1600px #FFF, 259px 74px #FFF, 433px 1073px #FFF, 624px 1864px #FFF, 292px 1206px #FFF, 1323px 373px #FFF, 23px 1135px #FFF, 1141px 790px #FFF, 1797px 1071px #FFF, 1961px 25px #FFF, 1599px 705px #FFF, 1742px 1794px #FFF, 521px 641px #FFF, 1412px 1590px #FFF, 398px 1408px #FFF, 649px 1290px #FFF, 1569px 1457px #FFF, 1175px 1813px #FFF, 1569px 336px #FFF, 614px 1665px #FFF, 105px 656px #FFF, 616px 89px #FFF, 1231px 450px #FFF, 883px 1488px #FFF, 1903px 982px #FFF, 548px 179px #FFF, 1441px 1590px #FFF, 1846px 1481px #FFF, 1877px 1067px #FFF, 609px 1850px #FFF, 1318px 1191px #FFF, 710px 508px #FFF, 1795px 940px #FFF, 1702px 144px #FFF, 438px 1494px #FFF, 1462px 1567px #FFF, 566px 1935px #FFF, 696px 906px #FFF, 392px 304px #FFF, 1015px 59px #FFF, 437px 291px #FFF, 1477px 898px #FFF, 1535px 1075px #FFF, 1226px 1568px #FFF, 244px 398px #FFF, 352px 574px #FFF, 1983px 389px #FFF, 732px 160px #FFF, 1240px 917px #FFF, 527px 1525px #FFF, 1702px 1894px #FFF, 1290px 1639px #FFF, 1749px 950px #FFF, 1685px 1795px #FFF, 1020px 908px #FFF, 1302px 1769px #FFF, 250px 1783px #FFF, 1911px 1911px #FFF, 1236px 49px #FFF, 1701px 1129px #FFF, 1552px 1831px #FFF, 814px 1599px #FFF, 1809px 1339px #FFF, 397px 1271px #FFF, 953px 423px #FFF, 212px 1976px #FFF, 1889px 1563px #FFF, 1902px 1467px #FFF, 402px 490px #FFF, 1575px 1159px #FFF, 1261px 142px #FFF, 1384px 1831px #FFF, 194px 1067px #FFF, 1878px 1746px #FFF, 399px 1898px #FFF, 667px 1124px #FFF, 1775px 181px #FFF, 391px 734px #FFF, 1055px 631px #FFF, 1842px 941px #FFF, 1808px 1053px #FFF, 1087px 62px #FFF, 1887px 1559px #FFF, 1963px 375px #FFF, 529px 1873px #FFF, 517px 1951px #FFF, 448px 940px #FFF, 1126px 521px #FFF, 1395px 986px #FFF, 1426px 674px #FFF, 1297px 698px #FFF, 551px 731px #FFF, 979px 103px #FFF, 51px 316px #FFF, 850px 169px #FFF, 1388px 786px #FFF, 744px 1102px #FFF, 953px 390px #FFF, 674px 1900px #FFF, 577px 886px #FFF, 1551px 1609px #FFF, 46px 758px #FFF, 63px 1267px #FFF, 1895px 696px #FFF, 931px 1813px #FFF, 15px 280px #FFF, 799px 266px #FFF, 1499px 63px #FFF, 1488px 1989px #FFF, 1170px 1138px #FFF, 1474px 268px #FFF, 1549px 1526px #FFF, 1451px 1247px #FFF, 139px 1702px #FFF, 195px 1853px #FFF, 857px 1231px #FFF, 1692px 344px #FFF, 925px 784px #FFF, 680px 1812px #FFF, 644px 1876px #FFF, 507px 804px #FFF, 1693px 810px #FFF, 394px 642px #FFF, 1650px 1989px #FFF, 1064px 202px #FFF, 964px 833px #FFF, 1374px 493px #FFF, 1637px 1656px #FFF, 850px 523px #FFF, 1193px 1204px #FFF, 1860px 1816px #FFF, 592px 108px #FFF, 1919px 453px #FFF, 1655px 1123px #FFF, 1772px 272px #FFF, 941px 1620px #FFF, 1220px 216px #FFF, 1px 796px #FFF, 1844px 1070px #FFF, 1306px 1064px #FFF, 1144px 807px #FFF, 190px 842px #FFF, 155px 1064px #FFF, 674px 395px #FFF, 1284px 1989px #FFF, 1547px 59px #FFF, 1621px 1872px #FFF, 2px 1023px #FFF, 1039px 381px #FFF, 309px 612px #FFF, 1908px 129px #FFF, 657px 1497px #FFF, 349px 878px #FFF, 1348px 682px #FFF, 217px 1497px #FFF, 1562px 441px #FFF, 126px 1734px #FFF, 287px 1642px #FFF, 828px 3px #FFF, 1771px 1330px #FFF, 39px 1902px #FFF, 1152px 339px #FFF, 728px 427px #FFF, 371px 1989px #FFF, 468px 774px #FFF, 548px 14px #FFF, 393px 1210px #FFF, 1253px 984px #FFF, 1009px 1584px #FFF, 376px 523px #FFF, 592px 1924px #FFF, 1636px 245px #FFF, 612px 178px #FFF, 161px 1567px #FFF, 295px 1231px #FFF, 1136px 786px #FFF, 1167px 1237px #FFF, 269px 1503px #FFF, 1664px 196px #FFF, 1726px 324px #FFF, 1470px 529px #FFF, 1117px 1615px #FFF, 711px 1098px #FFF, 1002px 208px #FFF, 1531px 103px #FFF, 1412px 194px #FFF, 793px 85px #FFF, 7px 528px #FFF, 613px 1748px #FFF, 1332px 916px #FFF, 426px 1054px #FFF, 939px 1676px #FFF, 683px 1236px #FFF, 1244px 215px #FFF, 908px 958px #FFF, 1318px 1978px #FFF, 1294px 1246px #FFF, 151px 273px #FFF, 157px 1592px #FFF, 1524px 791px #FFF, 444px 234px #FFF, 542px 407px #FFF, 1224px 329px #FFF, 510px 719px #FFF, 1857px 38px #FFF, 796px 162px #FFF, 1025px 1502px #FFF, 1654px 378px #FFF, 1028px 1911px #FFF, 900px 1559px #FFF, 1976px 1264px #FFF, 1444px 1433px #FFF, 975px 861px #FFF, 91px 1312px #FFF, 1150px 557px #FFF, 1977px 346px #FFF, 1615px 610px #FFF, 141px 261px #FFF, 1073px 1335px #FFF, 1444px 491px #FFF, 429px 297px #FFF, 1743px 498px #FFF, 490px 1985px #FFF, 1714px 1098px #FFF, 757px 806px #FFF, 777px 360px #FFF, 460px 1843px #FFF, 795px 398px #FFF, 1617px 1224px #FFF, 420px 1529px #FFF, 1662px 1299px #FFF, 679px 1559px #FFF, 1146px 1362px #FFF, 284px 766px #FFF, 1661px 508px #FFF, 1527px 411px #FFF, 641px 1123px #FFF, 840px 659px #FFF, 1903px 1020px #FFF, 1614px 1830px #FFF, 875px 656px #FFF, 1801px 452px #FFF, 480px 1705px #FFF, 1220px 1769px #FFF, 785px 180px #FFF, 608px 1987px #FFF, 356px 595px #FFF, 1421px 540px #FFF, 1330px 1450px #FFF, 432px 1546px #FFF, 971px 10px #FFF, 1897px 666px #FFF, 286px 655px #FFF, 1585px 1593px #FFF, 992px 737px #FFF, 902px 91px #FFF, 1766px 1792px #FFF, 475px 1293px #FFF, 950px 493px #FFF, 1993px 639px #FFF, 167px 1563px #FFF, 431px 1755px #FFF, 1876px 265px #FFF, 314px 769px #FFF, 1822px 338px #FFF, 103px 272px #FFF, 964px 1718px #FFF, 775px 563px #FFF, 105px 959px #FFF, 268px 19px #FFF, 203px 1605px #FFF, 1212px 890px #FFF, 380px 393px #FFF, 1709px 498px #FFF, 1309px 1920px #FFF, 476px 1973px #FFF, 1925px 118px #FFF, 1852px 38px #FFF, 29px 1067px #FFF, 101px 873px #FFF, 436px 1136px #FFF, 1126px 1385px #FFF, 1988px 726px #FFF, 191px 193px #FFF, 254px 1410px #FFF, 1693px 486px #FFF, 571px 1965px #FFF, 1372px 1151px #FFF, 1099px 1916px #FFF, 140px 616px #FFF, 111px 599px #FFF, 52px 1001px #FFF, 113px 1853px #FFF, 1314px 845px #FFF, 659px 1618px #FFF, 1580px 1630px #FFF, 1250px 254px #FFF, 1492px 1683px #FFF, 229px 24px #FFF, 850px 1252px #FFF, 674px 100px #FFF, 851px 298px #FFF, 969px 7px #FFF, 1698px 1610px #FFF, 1871px 1347px #FFF, 545px 1258px #FFF, 831px 671px #FFF, 644px 1989px #FFF, 929px 797px #FFF, 1156px 1343px #FFF, 1129px 101px #FFF, 1822px 571px #FFF, 1581px 1032px #FFF, 30px 333px #FFF, 1532px 1832px #FFF, 270px 911px #FFF, 1594px 846px #FFF, 64px 546px #FFF, 905px 255px #FFF, 1604px 1943px #FFF, 1673px 72px #FFF, 217px 413px #FFF, 557px 1812px #FFF, 1032px 846px #FFF, 1026px 128px #FFF, 802px 511px #FFF, 1241px 1169px #FFF, 1180px 583px #FFF, 1035px 992px #FFF, 1370px 1805px #FFF, 1744px 1189px #FFF, 1522px 826px #FFF, 994px 311px #FFF, 264px 340px #FFF, 251px 1515px #FFF, 202px 1018px #FFF, 1869px 323px #FFF, 164px 1364px #FFF, 1673px 1973px #FFF, 1417px 321px #FFF, 818px 38px #FFF, 1916px 63px #FFF, 1192px 41px #FFF, 1303px 1861px #FFF, 831px 1570px #FFF, 1542px 462px #FFF, 427px 103px #FFF, 1572px 775px #FFF, 276px 292px #FFF, 1084px 1259px #FFF, 895px 1345px #FFF, 1000px 179px #FFF, 1269px 1953px #FFF, 737px 425px #FFF, 1080px 1841px #FFF, 327px 1757px #FFF, 1818px 797px #FFF, 1045px 677px #FFF, 291px 988px #FFF, 1824px 335px #FFF, 771px 1161px #FFF, 1554px 945px #FFF, 1469px 1244px #FFF, 89px 28px #FFF, 1221px 1938px #FFF, 1625px 1617px #FFF, 512px 1692px #FFF, 1650px 1294px #FFF, 1616px 852px #FFF, 1732px 1780px #FFF, 869px 485px #FFF, 1901px 670px #FFF, 603px 1549px #FFF, 1187px 1703px #FFF, 435px 329px #FFF, 1229px 1743px #FFF, 1570px 71px #FFF, 222px 219px #FFF, 1453px 246px #FFF, 1721px 1530px #FFF, 1211px 1337px #FFF, 236px 1080px #FFF, 525px 1623px #FFF, 888px 842px #FFF, 425px 1569px #FFF, 476px 1272px #FFF, 1189px 778px #FFF, 767px 1662px #FFF, 1066px 1486px #FFF, 1678px 705px #FFF, 185px 1408px #FFF, 518px 1581px #FFF, 1170px 943px #FFF, 1332px 615px #FFF, 1127px 1042px #FFF, 1664px 1456px #FFF, 717px 825px #FFF, 1536px 1926px #FFF, 1756px 869px #FFF, 426px 1103px #FFF, 1844px 1864px #FFF, 454px 1999px #FFF, 631px 208px #FFF, 1326px 966px #FFF, 150px 1542px #FFF, 1651px 1789px #FFF, 1151px 1217px #FFF, 1657px 1634px #FFF, 477px 1764px #FFF, 196px 381px #FFF, 630px 1807px #FFF, 213px 922px #FFF, 185px 701px #FFF, 1207px 1441px #FFF, 1565px 714px #FFF, 1542px 715px #FFF, 930px 1416px #FFF, 3px 865px #FFF, 1184px 1255px #FFF, 1567px 1727px #FFF, 1782px 1666px #FFF, 1745px 858px #FFF, 1569px 57px #FFF, 1785px 1613px #FFF, 1281px 278px #FFF, 158px 555px #FFF, 1727px 1426px #FFF, 1224px 210px #FFF, 1029px 884px #FFF, 59px 652px #FFF, 1374px 939px #FFF, 1454px 1577px #FFF, 924px 409px #FFF, 1879px 1356px #FFF, 1391px 1095px #FFF, 1108px 801px #FFF, 749px 310px #FFF, 919px 456px #FFF, 1443px 1840px #FFF, 1735px 593px #FFF, 704px 892px #FFF, 233px 456px #FFF, 1945px 573px #FFF, 366px 239px #FFF, 1498px 65px #FFF, 1987px 663px #FFF, 815px 868px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1134px 251px #FFF, 1018px 1246px #FFF, 24px 1679px #FFF, 379px 1061px #FFF, 1820px 1916px #FFF, 1927px 786px #FFF, 1546px 916px #FFF, 287px 1721px #FFF, 680px 1023px #FFF, 1366px 886px #FFF, 486px 1142px #FFF, 1638px 1977px #FFF, 83px 665px #FFF, 340px 1931px #FFF, 1328px 277px #FFF, 903px 1219px #FFF, 1331px 1585px #FFF, 554px 449px #FFF, 779px 1508px #FFF, 359px 549px #FFF, 1350px 774px #FFF, 1954px 514px #FFF, 868px 128px #FFF, 1325px 1077px #FFF, 1173px 1927px #FFF, 2000px 360px #FFF, 22px 1306px #FFF, 328px 903px #FFF, 1143px 1146px #FFF, 1111px 366px #FFF, 726px 1370px #FFF, 104px 1067px #FFF, 583px 993px #FFF, 1209px 994px #FFF, 1323px 1212px #FFF, 1236px 745px #FFF, 130px 958px #FFF, 1117px 516px #FFF, 696px 1795px #FFF, 1344px 574px #FFF, 1932px 1740px #FFF, 900px 1713px #FFF, 1835px 325px #FFF, 1067px 1404px #FFF, 1452px 1529px #FFF, 222px 1450px #FFF, 35px 882px #FFF, 1443px 1032px #FFF, 569px 1787px #FFF, 534px 794px #FFF, 1355px 1450px #FFF, 298px 761px #FFF, 88px 442px #FFF, 1049px 536px #FFF, 1809px 1655px #FFF, 1229px 1313px #FFF, 1177px 1778px #FFF, 844px 1823px #FFF, 45px 660px #FFF, 1386px 1984px #FFF, 1997px 1171px #FFF, 1839px 1205px #FFF, 1349px 328px #FFF, 1590px 131px #FFF, 88px 1776px #FFF, 675px 478px #FFF, 1214px 1716px #FFF, 881px 759px #FFF, 1438px 1234px #FFF, 412px 696px #FFF, 965px 476px #FFF, 643px 1214px #FFF, 24px 48px #FFF, 726px 1062px #FFF, 314px 602px #FFF, 660px 1124px #FFF, 53px 1325px #FFF, 1807px 994px #FFF, 85px 320px #FFF, 1289px 69px #FFF, 1300px 1012px #FFF, 1587px 274px #FFF, 1245px 1293px #FFF, 1748px 240px #FFF, 1801px 1189px #FFF, 1461px 1173px #FFF, 1046px 259px #FFF, 1912px 1897px #FFF, 595px 342px #FFF, 1813px 612px #FFF, 1122px 221px #FFF, 1241px 1289px #FFF, 1361px 1690px #FFF, 407px 955px #FFF, 1257px 957px #FFF, 1878px 1717px #FFF, 576px 797px #FFF, 1865px 280px #FFF, 399px 1755px #FFF, 1800px 1327px #FFF, 1582px 460px #FFF, 1493px 1437px #FFF, 970px 89px #FFF, 1884px 1402px #FFF, 11px 1788px #FFF, 283px 1593px #FFF, 645px 677px #FFF, 412px 900px #FFF, 766px 1974px #FFF, 489px 86px #FFF, 1787px 349px #FFF, 1990px 251px #FFF, 1715px 496px #FFF, 1935px 1023px #FFF, 1215px 1780px #FFF, 1921px 1948px #FFF, 1174px 1959px #FFF, 209px 1615px #FFF, 115px 1733px #FFF, 1497px 57px #FFF, 347px 863px #FFF, 1952px 1463px #FFF, 1481px 1384px #FFF, 1312px 184px #FFF, 834px 1845px #FFF, 977px 434px #FFF, 1447px 1503px #FFF, 1226px 1753px #FFF, 300px 1406px #FFF, 202px 78px #FFF, 299px 1401px #FFF, 423px 1414px #FFF, 935px 1775px #FFF, 303px 1829px #FFF, 939px 1157px #FFF, 1293px 1862px #FFF, 832px 150px #FFF, 310px 905px #FFF, 618px 1289px #FFF, 99px 1685px #FFF, 1284px 6px #FFF, 662px 1227px #FFF, 143px 164px #FFF, 1316px 1048px #FFF, 4px 1548px #FFF, 1357px 759px #FFF, 951px 1237px #FFF, 1665px 424px #FFF, 327px 306px #FFF, 1811px 1588px #FFF, 1403px 442px #FFF, 137px 1087px #FFF, 1487px 122px #FFF, 381px 209px #FFF, 1580px 1209px #FFF, 191px 1424px #FFF, 580px 1900px #FFF, 816px 546px #FFF, 1397px 857px #FFF, 1513px 654px #FFF, 55px 372px #FFF, 1253px 1033px #FFF, 760px 614px #FFF, 1737px 91px #FFF, 488px 796px #FFF, 1663px 849px #FFF, 618px 196px #FFF, 630px 1800px #FFF, 1321px 1352px #FFF, 1346px 1378px #FFF, 757px 1184px #FFF, 663px 1821px #FFF, 1317px 1946px #FFF, 813px 644px #FFF, 1530px 796px #FFF, 1367px 1960px #FFF, 470px 1889px #FFF, 649px 829px #FFF, 1960px 1565px #FFF, 994px 1744px #FFF, 1852px 621px #FFF, 1961px 801px #FFF, 340px 1334px #FFF, 569px 1724px #FFF, 57px 441px #FFF, 1048px 1706px #FFF, 260px 469px #FFF, 1604px 1307px #FFF, 796px 869px #FFF, 548px 155px #FFF, 216px 516px #FFF, 1056px 992px #FFF, 1162px 609px #FFF, 1060px 1411px #FFF, 661px 948px #FFF, 358px 272px #FFF, 1903px 1565px #FFF, 1394px 1211px #FFF, 749px 763px #FFF, 1019px 177px #FFF;
  -webkit-animation: animStar 100s linear infinite;
          animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1134px 251px #FFF, 1018px 1246px #FFF, 24px 1679px #FFF, 379px 1061px #FFF, 1820px 1916px #FFF, 1927px 786px #FFF, 1546px 916px #FFF, 287px 1721px #FFF, 680px 1023px #FFF, 1366px 886px #FFF, 486px 1142px #FFF, 1638px 1977px #FFF, 83px 665px #FFF, 340px 1931px #FFF, 1328px 277px #FFF, 903px 1219px #FFF, 1331px 1585px #FFF, 554px 449px #FFF, 779px 1508px #FFF, 359px 549px #FFF, 1350px 774px #FFF, 1954px 514px #FFF, 868px 128px #FFF, 1325px 1077px #FFF, 1173px 1927px #FFF, 2000px 360px #FFF, 22px 1306px #FFF, 328px 903px #FFF, 1143px 1146px #FFF, 1111px 366px #FFF, 726px 1370px #FFF, 104px 1067px #FFF, 583px 993px #FFF, 1209px 994px #FFF, 1323px 1212px #FFF, 1236px 745px #FFF, 130px 958px #FFF, 1117px 516px #FFF, 696px 1795px #FFF, 1344px 574px #FFF, 1932px 1740px #FFF, 900px 1713px #FFF, 1835px 325px #FFF, 1067px 1404px #FFF, 1452px 1529px #FFF, 222px 1450px #FFF, 35px 882px #FFF, 1443px 1032px #FFF, 569px 1787px #FFF, 534px 794px #FFF, 1355px 1450px #FFF, 298px 761px #FFF, 88px 442px #FFF, 1049px 536px #FFF, 1809px 1655px #FFF, 1229px 1313px #FFF, 1177px 1778px #FFF, 844px 1823px #FFF, 45px 660px #FFF, 1386px 1984px #FFF, 1997px 1171px #FFF, 1839px 1205px #FFF, 1349px 328px #FFF, 1590px 131px #FFF, 88px 1776px #FFF, 675px 478px #FFF, 1214px 1716px #FFF, 881px 759px #FFF, 1438px 1234px #FFF, 412px 696px #FFF, 965px 476px #FFF, 643px 1214px #FFF, 24px 48px #FFF, 726px 1062px #FFF, 314px 602px #FFF, 660px 1124px #FFF, 53px 1325px #FFF, 1807px 994px #FFF, 85px 320px #FFF, 1289px 69px #FFF, 1300px 1012px #FFF, 1587px 274px #FFF, 1245px 1293px #FFF, 1748px 240px #FFF, 1801px 1189px #FFF, 1461px 1173px #FFF, 1046px 259px #FFF, 1912px 1897px #FFF, 595px 342px #FFF, 1813px 612px #FFF, 1122px 221px #FFF, 1241px 1289px #FFF, 1361px 1690px #FFF, 407px 955px #FFF, 1257px 957px #FFF, 1878px 1717px #FFF, 576px 797px #FFF, 1865px 280px #FFF, 399px 1755px #FFF, 1800px 1327px #FFF, 1582px 460px #FFF, 1493px 1437px #FFF, 970px 89px #FFF, 1884px 1402px #FFF, 11px 1788px #FFF, 283px 1593px #FFF, 645px 677px #FFF, 412px 900px #FFF, 766px 1974px #FFF, 489px 86px #FFF, 1787px 349px #FFF, 1990px 251px #FFF, 1715px 496px #FFF, 1935px 1023px #FFF, 1215px 1780px #FFF, 1921px 1948px #FFF, 1174px 1959px #FFF, 209px 1615px #FFF, 115px 1733px #FFF, 1497px 57px #FFF, 347px 863px #FFF, 1952px 1463px #FFF, 1481px 1384px #FFF, 1312px 184px #FFF, 834px 1845px #FFF, 977px 434px #FFF, 1447px 1503px #FFF, 1226px 1753px #FFF, 300px 1406px #FFF, 202px 78px #FFF, 299px 1401px #FFF, 423px 1414px #FFF, 935px 1775px #FFF, 303px 1829px #FFF, 939px 1157px #FFF, 1293px 1862px #FFF, 832px 150px #FFF, 310px 905px #FFF, 618px 1289px #FFF, 99px 1685px #FFF, 1284px 6px #FFF, 662px 1227px #FFF, 143px 164px #FFF, 1316px 1048px #FFF, 4px 1548px #FFF, 1357px 759px #FFF, 951px 1237px #FFF, 1665px 424px #FFF, 327px 306px #FFF, 1811px 1588px #FFF, 1403px 442px #FFF, 137px 1087px #FFF, 1487px 122px #FFF, 381px 209px #FFF, 1580px 1209px #FFF, 191px 1424px #FFF, 580px 1900px #FFF, 816px 546px #FFF, 1397px 857px #FFF, 1513px 654px #FFF, 55px 372px #FFF, 1253px 1033px #FFF, 760px 614px #FFF, 1737px 91px #FFF, 488px 796px #FFF, 1663px 849px #FFF, 618px 196px #FFF, 630px 1800px #FFF, 1321px 1352px #FFF, 1346px 1378px #FFF, 757px 1184px #FFF, 663px 1821px #FFF, 1317px 1946px #FFF, 813px 644px #FFF, 1530px 796px #FFF, 1367px 1960px #FFF, 470px 1889px #FFF, 649px 829px #FFF, 1960px 1565px #FFF, 994px 1744px #FFF, 1852px 621px #FFF, 1961px 801px #FFF, 340px 1334px #FFF, 569px 1724px #FFF, 57px 441px #FFF, 1048px 1706px #FFF, 260px 469px #FFF, 1604px 1307px #FFF, 796px 869px #FFF, 548px 155px #FFF, 216px 516px #FFF, 1056px 992px #FFF, 1162px 609px #FFF, 1060px 1411px #FFF, 661px 948px #FFF, 358px 272px #FFF, 1903px 1565px #FFF, 1394px 1211px #FFF, 749px 763px #FFF, 1019px 177px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1240px 1795px #FFF, 1212px 1510px #FFF, 1702px 1880px #FFF, 388px 982px #FFF, 1599px 1324px #FFF, 1600px 1148px #FFF, 1597px 95px #FFF, 733px 1312px #FFF, 1622px 183px #FFF, 813px 1830px #FFF, 1999px 239px #FFF, 1910px 41px #FFF, 1451px 1440px #FFF, 199px 234px #FFF, 1778px 169px #FFF, 854px 717px #FFF, 1310px 540px #FFF, 1389px 168px #FFF, 1139px 904px #FFF, 1073px 1983px #FFF, 368px 1772px #FFF, 1223px 161px #FFF, 1877px 1960px #FFF, 8px 589px #FFF, 18px 1309px #FFF, 1530px 211px #FFF, 181px 1530px #FFF, 269px 745px #FFF, 1937px 216px #FFF, 1113px 787px #FFF, 1286px 1291px #FFF, 788px 324px #FFF, 688px 349px #FFF, 435px 202px #FFF, 1266px 1321px #FFF, 151px 51px #FFF, 1495px 1365px #FFF, 1094px 178px #FFF, 444px 559px #FFF, 20px 1150px #FFF, 1765px 1943px #FFF, 1812px 1651px #FFF, 1088px 782px #FFF, 1973px 1783px #FFF, 356px 1209px #FFF, 1911px 745px #FFF, 397px 248px #FFF, 736px 610px #FFF, 1045px 1388px #FFF, 456px 1661px #FFF, 953px 1534px #FFF, 743px 1505px #FFF, 55px 1111px #FFF, 1676px 1669px #FFF, 571px 396px #FFF, 1625px 882px #FFF, 1117px 140px #FFF, 1178px 703px #FFF, 911px 108px #FFF, 1680px 405px #FFF, 285px 1361px #FFF, 1695px 659px #FFF, 453px 655px #FFF, 1562px 666px #FFF, 1630px 306px #FFF, 532px 576px #FFF, 1162px 600px #FFF, 289px 1464px #FFF, 1764px 1173px #FFF, 755px 1045px #FFF, 898px 467px #FFF, 561px 849px #FFF, 819px 1649px #FFF, 49px 1806px #FFF, 1732px 598px #FFF, 1298px 636px #FFF, 633px 1000px #FFF, 820px 1721px #FFF, 324px 477px #FFF, 1732px 438px #FFF, 1572px 581px #FFF, 1462px 1328px #FFF, 242px 1165px #FFF, 1201px 1112px #FFF, 1792px 1797px #FFF, 104px 1292px #FFF, 844px 916px #FFF, 698px 848px #FFF, 177px 838px #FFF, 1769px 1883px #FFF, 341px 1290px #FFF, 47px 1816px #FFF, 296px 1778px #FFF, 1060px 1477px #FFF, 1561px 415px #FFF, 93px 1327px #FFF, 1100px 1322px #FFF, 402px 655px #FFF, 845px 355px #FFF, 830px 900px #FFF;
  -webkit-animation: animStar 150s linear infinite;
          animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1240px 1795px #FFF, 1212px 1510px #FFF, 1702px 1880px #FFF, 388px 982px #FFF, 1599px 1324px #FFF, 1600px 1148px #FFF, 1597px 95px #FFF, 733px 1312px #FFF, 1622px 183px #FFF, 813px 1830px #FFF, 1999px 239px #FFF, 1910px 41px #FFF, 1451px 1440px #FFF, 199px 234px #FFF, 1778px 169px #FFF, 854px 717px #FFF, 1310px 540px #FFF, 1389px 168px #FFF, 1139px 904px #FFF, 1073px 1983px #FFF, 368px 1772px #FFF, 1223px 161px #FFF, 1877px 1960px #FFF, 8px 589px #FFF, 18px 1309px #FFF, 1530px 211px #FFF, 181px 1530px #FFF, 269px 745px #FFF, 1937px 216px #FFF, 1113px 787px #FFF, 1286px 1291px #FFF, 788px 324px #FFF, 688px 349px #FFF, 435px 202px #FFF, 1266px 1321px #FFF, 151px 51px #FFF, 1495px 1365px #FFF, 1094px 178px #FFF, 444px 559px #FFF, 20px 1150px #FFF, 1765px 1943px #FFF, 1812px 1651px #FFF, 1088px 782px #FFF, 1973px 1783px #FFF, 356px 1209px #FFF, 1911px 745px #FFF, 397px 248px #FFF, 736px 610px #FFF, 1045px 1388px #FFF, 456px 1661px #FFF, 953px 1534px #FFF, 743px 1505px #FFF, 55px 1111px #FFF, 1676px 1669px #FFF, 571px 396px #FFF, 1625px 882px #FFF, 1117px 140px #FFF, 1178px 703px #FFF, 911px 108px #FFF, 1680px 405px #FFF, 285px 1361px #FFF, 1695px 659px #FFF, 453px 655px #FFF, 1562px 666px #FFF, 1630px 306px #FFF, 532px 576px #FFF, 1162px 600px #FFF, 289px 1464px #FFF, 1764px 1173px #FFF, 755px 1045px #FFF, 898px 467px #FFF, 561px 849px #FFF, 819px 1649px #FFF, 49px 1806px #FFF, 1732px 598px #FFF, 1298px 636px #FFF, 633px 1000px #FFF, 820px 1721px #FFF, 324px 477px #FFF, 1732px 438px #FFF, 1572px 581px #FFF, 1462px 1328px #FFF, 242px 1165px #FFF, 1201px 1112px #FFF, 1792px 1797px #FFF, 104px 1292px #FFF, 844px 916px #FFF, 698px 848px #FFF, 177px 838px #FFF, 1769px 1883px #FFF, 341px 1290px #FFF, 47px 1816px #FFF, 296px 1778px #FFF, 1060px 1477px #FFF, 1561px 415px #FFF, 93px 1327px #FFF, 1100px 1322px #FFF, 402px 655px #FFF, 845px 355px #FFF, 830px 900px #FFF;
}

@-webkit-keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}
.accordion {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 40px;
}
.accordion__btn {
  font-family: "Moon";
  color: #f8f8ff;
  cursor: pointer;
  padding: 16px;
  padding-left: 0;
  margin-bottom: 40px;
  width: 100%;
  border-bottom: solid 1px #f8f8ff;
  outline: none;
  font-size: 25px;
  transition: 0.4s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.accordion__btn::after {
  content: "+";
  font-size: 25px;
  /* float: right; Retiré car nous utilisons Flexbox maintenant */
}
.accordion__img--container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.accordion__img--container-qwark {
  margin-top: 20px;
}
.accordion__séparation:last-child {
  margin-bottom: 120px;
}
.accordion__img--group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.accordion__paragraph {
  margin-bottom: 1em;
}
.accordion__image {
  margin: 0 auto;
  max-width: 90%;
  border: solid 2px #FFCB6C;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.accordion__image--last {
  margin-bottom: 40px;
}

.active::after {
  content: "-";
}

@media (min-width: 1440px) {
  .accordion {
    display: flex;
    flex-direction: row;
    margin-bottom: 80px;
  }
  .accordion--duo {
    flex-direction: column;
  }
  .accordion__content {
    width: 100%;
  }
  .accordion__img--container {
    margin: auto 0;
    width: 45%;
  }
  .accordion__img--container-qwark {
    margin: auto;
    margin-top: 40px;
  }
  .accordion__img-container--duo {
    display: flex;
    flex-direction: row;
    margin: auto 0;
    width: 100%;
  }
}

/*# sourceMappingURL=app.css.map*/