CSS

.page[b-0ji69mhg5p] {
background:light-dark(#e2d6c4, #170d01);
background-image:light-dark(url("https://i.ibb.co/HLHMDCqZ/Papier-vintage-clairci.jpg"),url(https://i.ibb.co/QjMvNBrn/Fond-d-cran-Bois-sombre.jpg));
background-attachment: fixed;
background-repeat: repeat;}

:root {
    font-family: InterVariable, system-ui, Avenir, Helvetica, Arial, sans-serif;
    font-optical-sizing: auto;
    line-height: 1.5;
    font-weight: 400;
    font-size: 15px;

    color-scheme: light dark;
    color: var(--font-color);
    background-color: var(--background-color);

    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    --light-color: #dbccb5;
    --dark-color: #5c3a19;
    --background-color: light-dark(#f1eae1, #2d1b08);
    --foreground-color: light-dark(#f1eae1, #2d1b08);
    --highlight-color: light-dark(#e2d6c4, #3c220c);
    --hover-color: light-dark(#dbccb5, #4f3017);
    --border-color: light-dark(#dbccb5, #4f3017);
    --font-color: light-dark(var(--dark-color), var(--light-color));
    --success-color: light-dark(#74e82c, #b3ff92);
    --notice-color: light-dark(#5c3a19, #dbccb5);
    --warning-color: light-dark(#8f6600, #ffdf91);
    --danger-color: light-dark(#ff2929, #ff9191);
    --link-color: light-dark(#8f6600, #ffdf91);
    --mention-color: var(--notice-color);
    --mention-me-color: var(--mention-color);
    --accent-primary-color:light-dark(#dbccb5,#3c220c);
    --accent-secondary-color:light-dark(#dbccb5,#3c220c);
    --accent-color: linear-gradient(to right, var(--accent-primary-color), var(--accent-secondary-color));
    --shadow-color: black;

    --animation-speed: 0.1s;
    --btn-radius: 1.25rem;

    overscroll-behavior-y: none;
}

.top-bar[b-0ji69mhg5p] {
border:none;
backdrop-filter: blur(10px);
/*box-shadow: 0 0 25px #000;*/
border-radius: 45px;
margin: 1rem;
}

.sidebar[b-f96hf1odox] {
border:none;
/*box-shadow: 0 0 5px #000 inset;*/
border-radius: 45px;
margin: 1rem;
height: auto;
}

.post-btn[b-f96hf1odox] {
color:light-dark(#5c3a19, #dbccb5);
border-radius: 45px;
}

.scroller[b-9227kmg8nd] {
margin-right: 1rem;
}

.widget-panel-header[b-r9mngh1keu] {
border:none;
background:light-dark(#f1eae1, #2d1b08);
backdrop-filter: blur(10px);
/*box-shadow: 0 0 25px #000;*/
border-radius: 45px;
margin: 1rem;
}

.widget-panel[b-0ji69mhg5p] {
width: 38rem;
border:none;
}

.notification[b-1mlnmqluoa] {
/*box-shadow: 0 2px 5px #202020;*/
}

.note-container[b-9iccjxjkej] {
max-width:55rem;
/*box-shadow: 0 5px 20px #202020;*/
}

.display-name[b-m1ad2an598] {
font-size: 1.40rem;
font-family: Poiret One;
}