@import url('https://fonts.googleapis.com/css2?family=Lato&family=Rubik&display=swap');

html{
    scroll-behavior: smooth;
}

body{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    background-color: #191A19;
}
.header {

    font-size: 1.5em;
    height: 100%;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.6em;
}
ul{
    padding: 0;
    display: flex;
    gap: 0.6em;
}
a{
    color: White;
    align-items: center;
    text-decoration: none;
    cursor: default; 
}
a:visited{
    text-decoration: none;
}

.soon{ 
    background: url(/ressources/mosaic_1.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 80vh;
    background-position: center;
}
p{
    font-size: 1.5em;
    color: White;
    font-family: 'Rubik';
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 1em;

}