@font-face {
    font-family: archer;
    src: url(../fonts/Archer\ Semibold.otf);
  }


body{background-color: black;
}



header{
    height: 100vh;
background-image: url("../images/Hero\ Header\ Coraline.jpg");
background-position-y: bottom;}

#contentheader{display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
   width: 50%;
   align-items: center;
   }


#contentheader p{color:#FFFF74;
    font-family: "Intel One Mono";
    font-weight:normal;


}


button{background-color: black;
color: aliceblue;
border: 2px solid rgb(255, 255, 255);
font-family:"Intel One Mono", monospace;
font-weight:normal;
text-align: center;
font-size: medium;
cursor: pointer;
height: 55px;
width: 377px;}

#logo{width: 40%;

}




nav{width:100%;
height:60px;

background: rgba(255, 255, 255, 0.31);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
border: 1px solid rgba(255, 255, 255, 0.04);}




#cineblabla {height: 100vh;
    width: 100%;
    background-color: red;
       

}

#titreblabla{height: 80px;
    background-color: black;
display: flex;
justify-content: center;
align-items: center;
}
#titreblabla img{width: 20% ;}


#texteblabla{height: 500px;
    background-color:black;
    
}


h2 {color: aliceblue;
justify-content: center;
font-family: archer;


}

h1 {color: aliceblue;
align-items: center;
    font-family: archer;
    font-size: small;
    
    
    }


h1{ color: aliceblue;
align-items: center;
font-size: small;}

h3{color: aliceblue;
    align-items: center;
    font-size:small;
: }