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


body{
    background: radial-gradient(circle, black 0%, red 65%, black 100%);
    margin: 0px;
    height: 100%;
}

#main_container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

#horloge_container{
    display: flex;
    flex-direction: column;
    align-items: center;
}


#clock{
    font-family: 'Geostar', cursive;
    color: whitesmoke;
    font-size: 66px;
    text-align: center;
}

#date {
    font-family: 'Geostar', cursive;
    color: whitesmoke;
    font-size: 66px;
    text-align: center;
}