body {
    background-color:  rgb(163, 198, 81);
}
header {
    margin-bottom: 1.5em;
    text-align: center;
}
h1 {
    font-size: 3em;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: rgb(184, 68, 70);
}
span {
    font-size: 1.7em;
    font-weight: bold;
    color: rgb(55,99,63);
}
video {
    height: 28.5em;
    width: 36em;
}
.diapo {
    margin-left: 2em;
    margin-right: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url("2.jpg");
    border: 0.3em solid #67944C;
}


/* Responsive */

@media screen and (max-width: 800px) {
    h1 {
        font-size: 2.1em!important;
}
    span {
        font-size: 1.4em;
    }
    video {
        height: 25em;
        width: 30em;
}
    
}

@media screen and (max-width: 500px) {
    h1 {
        font-size: 1.6em!important;
}
    span {
        font-size: 1.2em;
    }
    video {
        height: 14em;
        width:  21em;
}
    
}