@font-face {
    font-family: Abordage;
    src: url(fonts/Abordage-Regular\ -\ Copy.ttf)
    }



body{
        background-color:rgb(233, 233, 233);
        width: 100%;
        height: 100%;
        overflow-x: hidden;
}
    
    
body, html {
    margin: 0;
    padding: 0;
    overflow: visible !important;
    height: auto;
    width: auto;
}


#container {
    overflow: hidden; 
    max-width: 100vw; 
  }

h1{
    color: rgb(240,218,0);
    font-size : 40px;
    font-family: Abordage;
    margin-top: 0%;
    text-align: center;

    white-space: nowrap;
    letter-spacing:30px ;
    white-space: nowrap;      
    z-index: 1;
   /* width:100%;*/
    /*text-overflow: ellipsis;*/

}

p{
    position: relative;
    color: rgb(240,218,0);
    font-family: Abordage;
    font-size : 2vw;
    text-align: center;
    line-height: 3vw;
    margin-top: 50vw;
    margin-bottom: 3vw;
    z-index: 1;
}


#coeur:hover{
    color: #000000;
    
}

#coeur{
    color: rgb(240,218,0);
    font-size: 50px;
    width: 1%;
    margin-left: 50%;
    text-decoration-line: none;
    margin-bottom: 2%;
}

.outside-element {
  
    left: -550%; /* Dépasse sur le côté gauche */
}

/* SMARTPHONE MODE PORTRAIT */
@media screen and (orientation: portrait) {

   

}