*{
    margin: 0;
    padding: 0;

    box-sizing: border-box;
}
html,body{
    height : 100%;
    width: 100%;
    background-color: black;
    background-image: url("fond2.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
main{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    height: fit-content;
    width: 100%;
}
video{
    margin-top: 13vh;
    max-height: 40%;
    max-width: 50%;
    background-image: url("minia.jpeg");
    background-size: contain;
    filter: drop-shadow(0 0 60px rgba(213, 163, 45, 0.585));
}
button:hover{
    cursor: pointer;
}
button{
    filter: hue-rotate(-57deg);
    height: 100px;
    width: 200px;
    border: 0;
    background-color: unset;
    background-image: url("play.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
@media screen and (width >= 1000px){
    video{
        max-width: 15%;
    }
}