div#ASPACE {
position: absolute; top: 3px; right: 30px; z-index: 4;
  margin-top: 42vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */

}

div#BSPACE {
position: absolute; top: 3px; left: 15px; z-index: 4;
writing-mode: vertical-rl;
font-size: 80px;
background: -webkit-linear-gradient(left, red , yellow);
   background: -o-linear-gradient(right, red, orange);
   background: -moz-linear-gradient(right, red, orange);
   background: linear-gradient(to right, red , yellow); 
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 9vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
   transform: rotate(180deg);
   text-align: center;

}

.truc-a-centrer {
  margin-top: 20vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
  text-align: center;
}

.truc-a-centrer-email {
  text-align: center;
}

.container-span {
  background: yellow
}

body {

  margin: 0;
  padding: 0;
  
  width: 100%;
  height: 0vh;
 

  background-image: linear-gradient(rgb(0, 0, 255) 0.05em, transparent 0.05em), linear-gradient(90deg, rgb(0, 0, 255) 0.05em, transparent 0.05em);
  background-size: 3em 3em;
  background-attachment: fixed;
  background-position: center;
}



/*

000-webkit-text-stroke: 2px; -contours lettre
000-webkit-text-stroke-color: red;