@font-face {
    font-family: 'Steppe Trial';
    src: url('./fonts/OpenType-PS/SteppeTrial-Regular.otf') format('truetype');
}

html,body {
    background-color: black;
    margin: 0;
    height: 20000px;
    cursor: url(../dev/images/scroll.png) 4 12, default;
    font-family: 'Steppe Trial', sans-serif;
}

.page-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    cursor: url(../dev/images/scroll.png) 4 12, default;
    transition: transform 0.5s cubic-bezier(0.4, 0, 1, 1); 
}

.off {
    color: black;
    font-size: 50px;
    text-shadow: 
        -0.5px -0.5px 0 white,  
         0.5px -0.5px 0 white,
        -0.5px  0.5px 0 white,
         0.5px  0.5px 0 white; 
}

.on {
    color: white;
    font-size: 50px;

}

.fixed-container {
    white-space: nowrap;
    width: 60vw;
    text-wrap: wrap;
}

::-webkit-scrollbar {
    display: none; /* Cacher la barre de défilement */
}

.page-content.swipe-up {
    transform: translateY(-100%); /* Déplace la page vers le haut */
}