@font-face {
    font-family: 'LibreBaskerville';
    src: url('/fonts/LibreBaskerville-Regular.ttf')format('truetype');
}
html, body {
    margin:0;
    padding:0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }
.mon_titre{
    opacity: 0%;
}
.catalogue{
    opacity: 0%;
    z-index: 0; 
}

.suite{
    position : absolute;
    min-width: 100%;
    min-height: 100%;
    background-color: blue;
    opacity: 0%;
    transform: translate(0,-9%);
    cursor: default;
}

.bloc video {
    position : absolute;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    z-index: -10;
    transform: translate(-50%,-50%);
    overflow: hidden;
}

.cook{
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: blueviolet;
    opacity: 80%;
    z-index: 10;
}