.titre-style {
    font-family: 'Bangers', cursive;
    letter-spacing: 0.05em;
}

* {
    margin: 0;
    padding: 0;
}

body {
    background: rgb(15,15,15);
}

/* LOGO */
#logo {
    position: fixed;
    height: 20vh;
    margin-left: 10vh;
    margin-top: 10vh;
    z-index: 10;
}

/* VIDEO HERO */
#video_container {
    position: absolute;
    width: 60vw;
    left: 20vw;
    top: 20vh;
    transform: rotate(-2deg);
}

#video_container video {
    width: 100%;
    filter: contrast(110%) brightness(90%);
}

/* BLOCS */
.bloc {
    position: absolute;
    cursor: pointer;
}

/* IMAGES */
.bloc img {
    height: 35vh;
    transition: transform 0.4s ease;
}

/* LABEL */
.label {
    color: white;
    font-size: 2.5vh;
    margin-top: 1vh;
}

/* POSITIONS + ROTATIONS */
#photos {
    left: 20vw;
    top: 75vh;
    transform: rotate(-4deg);
}

#captations {
    left: 45vw;
    top: 85vh;
    transform: rotate(3deg);
}

#clips {
    left: 70vw;
    top: 75vh;
    transform: rotate(-2deg);
}

/* HOVER STYLE */
.bloc:hover img {
    transform: scale(1.05) rotate(2deg);
}

.bloc:hover .label {
    text-decoration: underline;
}