@media(prefers-color-scheme: light){
    :root{
        --background-image: url(https://rise-media.netlify.app/hero-light.png);
    }
}
@media(prefers-color-scheme: dark){
    :root{
        --background-image: url(https://telegra.ph/file/32fff66cb40cf696f433e.png);
    }
}


html{
    background-repeat:no-repeat;
    background-size: cover;
    background-image: var(--background-image);
    
}
body {
    height:100vh;
    width: 100%;
}








/*Temporaire*/
.main {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh;
}
.main h1{
    font-size: 400%;
}
.main p{
    font-size: 200%;
}