body{
    padding-left: 0px;
    margin-left: 0px;
}

.ciel{
    height: 33%;
    width: 100%;
    position: absolute;
    top: 0;
    background: rgb(210,234,235);
    background: linear-gradient(270deg, rgba(8,28,245,1) 4%, rgba(242,189,224,1) 31%, rgba(242,194,136,1) 58%, rgba(242,159,128,1) 82%, rgba(242,125,114,1) 95%);
}

.etoile{
    position: absolute;
    right: 1%;

}
.nuage{
    position: absolute;
    left: 15%;
}

.soleil{
    position: absolute;
}

.mer{
    height: 33%;
    width: 100%;
    position: absolute;
    top: 33%;
    background: rgb(105,119,142);
    background: linear-gradient(270deg, rgba(8,128,245,1) 4%, rgba(132,191,220,1) 31%, rgba(177,227,244,1) 58%, rgba(255,215,168,1) 82%, rgba(252,184,171,1) 95%);
}

.animal{
    position: absolute;
    right: 50%;
    bottom: 5%;
}
.bateau{
    position: absolute;
    right: 15%;
}

.plage{
    height: 34%;
    width: 100%;
    position: absolute;
    top: 66%;
    background: rgb(178,103,52);
    background: linear-gradient(270deg, rgba(178,103,52,1) 5%, rgba(255,163,100,1) 14%, rgba(255,178,126,1) 46%, rgba(255,215,168,1) 79%, rgba(232,133,163,1) 100%);
}

.objet{
    position: absolute;
    bottom: -1%;
    width: 300px; height: 300px;
}

.signature{
    position: absolute;
    right: 0%;
    width: 100px;
}