body {
  background-color: black;
  margin: 0;
  /* padding: scroll; */
  /* overflow-y: hidden;  supprime la barre de scroll et le scroll (y pour l'axe vertical) */
font-family: 'Workbench';
}


.Zero {
  animation: 1s animationZero infinite alternate;
  background-color: white;
  color: #32CD32;
  font-size: 140px;
  width :100%;
  height : auto;
  text-align: center;
  margin: 0px;
  line-height: 2em;
}

@keyframes animationZero {
  from { font-variation-settings: "wght" 200, "wdth" 200; }
  to { font-variation-settings: "wght" 400, "wdth" 200; }
}

.Zero p{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}


.Un {
  animation: 1s animationUn infinite alternate;
  background: #32CD32;
  color: black;
  font-size: 140px;
  width :100%;
  height : auto;
  text-align: center;
  line-height: 2em;
}

@keyframes animationUn {
  from { font-variation-settings: "wght" 900, "wdth" 100; }
  to { font-variation-settings: "wght" 550, "wdth" 200; }
}

.Un p{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}


.Deux {
  animation: 1s animationDeux infinite alternate;
  color: white;
  font-size: 140px;
  width :100%;
  height : auto;
  text-align: center;
  line-height: 2em;
}

@keyframes animationDeux {
  from { font-variation-settings: "wght" 450, "wdth" 100; }
  to { font-variation-settings: "wght" 200, "wdth" 200; }
}

.Deux p{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}


.Trois {
  animation: 1s animationTrois infinite alternate;
  background-color: white;
  color: #32CD32;
  font-size: 140px;
  width :100%;
  height : auto;
  text-align: center;
  line-height: 2em;
}

@keyframes animationTrois {
  from { font-variation-settings: "wght" 400, "wdth" 150; }
  to { font-variation-settings: "wght" 600, "wdth" 100; }
}

.Trois p{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}


.Quatre {
  animation: 1s animationQuatre infinite alternate;
  background: #32CD32;
  color: black;
  font-size: 140px;
  width :100%;
  height : auto;
  text-align: center;
  line-height: 2em;
  }

  @keyframes animationQuatre {
    from { font-variation-settings: "wght" 200, "wdth" 200; }
    to { font-variation-settings: "wght" 200, "wdth" 100; }
  }

.Quatre p{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
  }


.Cinq {
  animation: 1s animationCinq infinite alternate;
  color: white;
  font-size: 140px;
  width :100%;
  height : auto;
  text-align: center;
  line-height: 2em;
  }

  @keyframes animationCinq {
    from { font-variation-settings: "wght" 200, "wdth" 200; }
    to { font-variation-settings: "wght" 900, "wdth" 200; }
  }

  .Cinq p{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}


.Six {
  animation: 1s animationZero infinite alternate;
  background-color: white;
  color: #32CD32;
  font-size: 140px;
  width :100%;
  height : auto;
  text-align: center;
  line-height: 2em;
}
.Six p{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}


.Sept {
  animation: 1s animationUn infinite alternate;
  background: #32CD32;
  color: black;
  font-size: 140px;
  width :100%;
  height : auto;
  text-align: center;
  line-height: 2em;
  }
  .Sept p{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}


.Huit {
  animation: 1s animationDeux infinite alternate;
  color: white;
  font-size: 140px;
  width :100%;
  height : auto;
  text-align: center;
  line-height: 2em;
  }
  .Huit p{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}


.Neuf {
  animation: 1s animationTrois infinite alternate;
  background-color: white;
  color: #32CD32;
  font-size: 140px;
  width :100%;
  height : auto;
  text-align: center;
  line-height: 2em;
}
.Neuf p{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}


.Dix{
  animation: 1s animationQuatre infinite alternate;
  background: #32CD32;
  color: black;
  font-size: 140px;
  width :100%;
  height : auto;
  text-align: center;
  line-height: 2em;
}
.Dix p{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}


.Onze {
  animation: 1s animationCinq infinite alternate;
  color: white;
  font-size: 140px;
  width :100%;
  height : auto;
  text-align: center;
  line-height: 2em;
}
.Onze p{
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
}

#colophon {
  font-family: 'Open sans';
  text-align: left;
  font-size: 10px;
  color: white;
  margin-top: 70px;
  margin-bottom: 40px;
  padding-left: 50px;
}