body{
  background-color: #225783;
  margin: 0;
  padding: 0;
  font-family: Cambria,
  Cochin,
  Georgia,
  Times,
  'Times New Roman',
  serif;
}
/* Commentaire */

.notclick {
  pointer-events: none;
}

h1{
  font-weight: normal;
  font-style: italic;
  font-size: 4rem;
  line-height: 3rem;
  margin:0 0 20px 0;
  text-shadow: 0px 0px 5px white;
  color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 80vh;
  animation: Cloud1 40s infinite;
  z-index:99;
}

@keyframes Cloud1 {
  0%{
    left: 80%
  }50%{
    left: 75%
  }
  100%{
    left: 80%
  }
}

.info{
  text-shadow: 0px 0px 5px white;
  color: rgba(0, 0, 0, 0);
  width: 500px;
  position: absolute;
  z-index:99;
}
#name{
  animation: Cloud2 50s infinite;
  top: 10%;
  left: 10%;
}
@keyframes Cloud2 {
  0% {
    left: 10%;
    top: 10%;
  }

  50% {
    left: 5%;
    top: 15%;
  }

  100% {
    left: 10%;
    top: 20%;
  }
}
#inst{
  animation: Cloud3 50s infinite;
  top: 90%;
  left: 10%;
  
}
@keyframes Cloud3 {
  0% {
    left: 2%;
    top: 85%;
  }

  50% {
    left: 5%;
    top: 80%;
  }

  100% {
    left: 2%;
    top: 85%;
  }
}

ol, p, ul {
  font-size: 1.8rem;
  line-height: 2rem;
  margin-top: 0;
}
a{
  color: rgba(0, 0,0 ,0)
}
#Pol {
  grid-area: pol;
}

#Noe {
  grid-area: noe;
}

#Aliz {
  grid-area: aliz;
}

#justine {
  grid-area: justine;
}

#Minjeong {
  grid-area: minjeong;
}

#clara {
  grid-area: clara;
}

#Thomas {
  grid-area: thomas;
}

#Hugo {
  grid-area: hugo;
}

#yujin {
  grid-area: yujin;
}

#evgenia {
  grid-area: evguenia;
}

#archipel{
  position: fixed;
  width: 100%;
  height: 100vh;
  display: grid;
  overflow-y: scroll;
  cursor: move;
  top: 0%;
  z-index:80;
  grid-template-columns: 50% 50% 50% 50%;
  grid-template-rows: auto;
  grid-template-areas: ". pol . thomas"
  "noe . aliz ."
  ". justine . minjeong"
  "evgenia yujin . ."
  "clara . . hugo";
}

iframe{
  width: 1080px; 
  height: 720px;
  cursor: move;
  zoom: 0.75;
  
}
a {
  display: block;
  /* or inline-block */
  
}

a iframe {
  pointer-events: none;
}

#archipel a{
  width: 1080px; 
  position: relative;
  z-index: 99;
  height: 720px;
}