@font-face {font-family: 'corrompus';
src: url('fonts/corrompusVF.ttf');}

*{font-family: "corrompus";}
*::-moz-selection {
color:white;
background-color: black;
}

*::selection {
  color:white;
background-color: black;
}
   .header-overlay {
  padding:4vmin;
  height: 100%;
  font-weight:300;
  font-family: "corrompus";
  font-size:5vmin;
  transition:ease-out 5s;
}
/* unvisited link */
a:link {
 color: white;
 text-decoration: none;
}

/* visited link */
a:visited {
  color: white;

}

body {
  min-height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  margin:0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

body::-webkit-scrollbar {
  display: none;
}

#sommaire{
  font-size:15vmin;
 display:flex;
 align-items:center;
 justify-content:center;
font-weight:900;
letter-spacing: -.5em;
transition-delay: 10000s;
animation: sommaire 3s;
animation-delay: 1s;
animation-fill-mode: forwards;
text-align: center;
}
@keyframes sommaire {
from{font-weight:900;
letter-spacing: -.5em;}
to{font-size:15vmin;
font-weight:300;
letter-spacing: 0vw;
transition:ease-out 1s;
text-indent: 0vw;}
}

.complot{
  font-family: "corrompus";
  font-weight:900;
  line-height: auto;

  transition:ease-out .5s;

}
.complot:hover{
font-weight:300;
transition:ease-out .3s;
}

span.names{
  font-family: "corrompus";
  font-weight:900;
 
  line-height: auto;
  transition-delay: 10000s;
}

span.names:hover{
font-weight:300;
transition:ease-out .5s;

}

.emphase{
  padding:4vmin;
  height: 100%;
  font-size:8vmin;
  font-family: "corrompus";
  font-weight:900;
  line-height: auto;

  transition:ease-out 5s;
}
.emphase:hover{
  font-weight:500;
  transition:ease-out 1s;
}


span.text{
  font-family: "corrompus";
  font-weight:300;
  letter-spacing: -.5vw;
  line-height: auto;

  transition:ease-out 10s;
}
span.text:hover{
font-weight:900;
transition:ease-out .5s;
}

span.textonce{
  font-family: "corrompus";
  font-weight:900;
  /*letter-spacing: -.5vw;*/
  line-height: auto;

  animation: defroisse 5s;
  animation-fill-mode: forwards;
}
@keyframes defroisse {
from{font-weight:900;}
to{font-weight:500;}
}

.gras{
  font-weight:600;
}
.big{
  font-size:30vmin;
}

.normal{
  font-weight:500;
}
.fin{
    font-weight:300;
    font-size:4vmin;


}


.froisse{
  font-weight:300;
  font-family: "corrompus";
  animation: froisse 3s infinite;
}


@keyframes froisse{
  0% { font-weight:900; }
  50% { font-weight:300; }
  100% {font-weight:900; }
}

.froisset{
  font-weight:720;
  font-family: "corrompus";
  animation: froisset 2s infinite;
}
@keyframes froisset{
  0% { font-weight:750; }
  50% { font-weight:720; }
  100% {font-weight:750; }
}

.froissefull{
  font-weight:300;
  font-family: "corrompus";
  animation: froissefull 5s infinite;
}
@keyframes froissefull{
  0% { font-weight:900; }
  50% { font-weight:300; }
  100% {font-weight:900; }
}
.datecont{

}
.date{
  -webkit-transform:scale(1,1); /* Safari and Chrome */
  -moz-transform:scale(1,1); /* Firefox */
  -ms-transform:scale(1,1); /* IE 9 */
  -o-transform:scale(1,1); /* Opera */
  transform:scale(1,1);
  display: inline-block;
font-weight: 800;
transition-duration: 30s;
}
.date:hover{
  -webkit-transform:scale(1,1.5); /* Safari and Chrome */
  -moz-transform:scale(1,1.5); /* Firefox */
  -ms-transform:scale(1,1.5); /* IE 9 */
  -o-transform:scale(1,1.5); /* Opera */
  transform:scale(1,1.5);
 font-weight: 300;
 transition:ease-out 1s;
}
.date:hover ~ .date{
font-weight:300;
transition:ease-out 3s;
}
.titre{
  font-weight:600;
  transition:ease-out 1s;
}
.titre:hover{
  font-weight:900;
  transition:ease-out 1s;

}
.titres{
  font-size:10vw;
  font-family: "corrompus";
  line-height: auto;
  color:white;
  height:90vh;
  background-color: black;
  padding:6vmin;
}