html, body {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    overflow: hidden;

}

   
.banner {
    background-image:  linear-gradient(rgba(4, 1, 19, 0.75),rgba(15, 2, 41, 0.75)),url(sirene.jpg);
    width: 100%;
    height: 100vh;
    background-position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
.container {
    max-width: 1100px;
    margin: 60px auto;
    padding: 17px;
    background: rgba(240, 200, 91, 0.904); 
}

.container h2{
    font-family:'camera_obscura';
    font-size: 50px;
    color: #2c3b06;
}

.container p{
    font-family:'caviar_dreams';
    font-size: 20px;
    color: #1b2504;
}
.content{
    position:absolute;
    width:100%;
    top:50%;
    transform: translateY(-50%);
    text-align:center;
    color:#FBBF45;
}