body {
    font-family: 'Germania One', cursive;
}

.titre {
    display: flex;
    justify-content: center;
}

h1 {
    margin-bottom: 0;
}

.titre p {
    font-size: 30px;
    text-align: center;
}

.centre {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 25px;
}

.centre div {
    width: 10%;
}

img {
    width: 100%;
    border: 3px solid black;
}

body {
    margin: 0;
}

.space {
    margin: auto 30px;
    font-family: 'Rubik Puddles', cursive;
    font-weight: 900;
    font-size: 100px;
}

body {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.bg {
    background: rgb(202,229,255);
    background: linear-gradient(180deg, rgba(202,229,255,1) 0%, rgba(2,151,164,1) 100%);
    height: 100vh;
    width: 100vw;
}


.bouton {
    display: flex;
    justify-content: center;
    margin: 3% 0 0 0;
}

button {
    font-family: 'Germania One', cursive;
    color: white;
    background: linear-gradient(155deg,rgb(1, 66, 186),rgb(0, 37, 106));
    padding: 20px 50px;
    border-radius: 50px;
    box-shadow: 0px 0px 10px 2px rgb(0, 29, 83);
    margin: 0 2.5%;
    font-size: 25px;
}

#rosette {
    padding: 0;
    width: 5%;
}

.rosetteImg {
    border: none;
    width: 100%;
}

.test {
    padding: 0;
    margin: 0;
    font-size: 1px;
}

.d-none {
    display: none;
}