html, body {
padding: 0;
margin: 0;
min-height: 100%;
}
body {
box-sizing: border-box;
background: white;
background-size: cover;
background-repeat: repeat-x;
background-position: 0%;
background-blend-mode: darken;
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100%;
/*overflow-y: auto;
overflow-x: auto;*/
}
            
@media screen and (max-width: 200px) {
body {
display: none;
                
}
}

/* DEBUT SOON */
    
.soon{
position: fixed;
display: flex;
align-items: center;
justify-content: center;
top: 55px;
display:flex;
/*flex-direction: initial;*/
background-color: white;
color: black;
text-align: center;
/*background-image: url('image-icons/');*/
background-repeat: no-repeat;
/*background-position: 0%;*/
background-size: cover;
/*background-color:transparent;*/
background-position: center;
width: 100%;
height: 500px;
animation: slide 16s infinite;
/*transform: translate(-50%,-50%);*/
/*box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;                       
}*/
    
/* FIN SOON */