:root {
    --max-width: 1100px;
    --border-radius: 12px;
    --color-foreground: rgba(0,0,0,.6);
    --color-background: #fff;
    --color-primary: #4b73ff
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

body,html {
    max-width: 100vw;
    overflow-x: hidden
}

body {
    color: var(--color-foreground);
    background: var(--color-background);
    text-rendering: geometricPrecision;
    font-family: Spline Sans Mono,monospace
}

a {
    color: inherit;
    text-decoration: none
}

.bg-grey {
    background: linear-gradient(90deg,#f2f2f2 28px,transparent 1%) 50%,linear-gradient(#f2f2f2 28px,transparent 1%) 50%,#e6e6e6;
    background-size: 32px 32px
}

.bg-yellow {
    background: linear-gradient(90deg,#fff5ec 28px,transparent 1%) 50%,linear-gradient(#fff5ec 28px,transparent 1%) 50%,#f3e9e1;
    background-size: 32px 32px
}

.bg-pink {
    background: linear-gradient(90deg,#ffe4f9 28px,transparent 1%) 50%,linear-gradient(#ffe4f9 28px,transparent 1%) 50%,#f3d9ec;
    background-size: 32px 32px
}

.bg-blue {
    background: linear-gradient(90deg,#e0f0ff 28px,transparent 1%) 50%,linear-gradient(#e0f0ff 28px,transparent 1%) 50%,#d4e4f1;
    background-size: 32px 32px
}

.bg-green {
    background: linear-gradient(90deg,#dcfff2 28px,transparent 1%) 50%,linear-gradient(#dcfff2 28px,transparent 1%) 50%,#d0f2e7;
    background-size: 32px 32px
}

.Menu_container__4VcEw {
    position: fixed;
    top: 127px;
    left: 100px;
    width: 208px;
    display: flex;
    flex-direction: column;
    z-index: 10;
    background: rgba(0,0,0,.05);
    padding: 24px;
    gap: 4px;
    align-items: flex-start;
    border-radius: 16px
}

@media(max-width: 1700px) {
    .Menu_container__4VcEw {
        left:25px;
        top: 50px
    }
}

@media(max-width: 780px) {
    .Menu_container__4VcEw {
        display:none
    }
}

.Menu_container__4VcEw>hr {
    height: 2px;
    width: 72px;
    border-radius: 2px;
    background-color: rgba(0,0,0,.05);
    margin: 8px 16px;
    border: none
}

.Menu_button__PM3Y5 {
    padding: 8px 16px;
    border-radius: 26px;
    cursor: pointer
}

.Menu_button__PM3Y5.Menu_selected__yIZY8,.Menu_button__PM3Y5:hover {
    background: rgba(0,0,0,.05);
    color: #000
}

.Menu_button__PM3Y5.Menu_selected__yIZY8 {
    cursor: default
}

.Menu_logo__9L9nj {
    margin-left: 16px
}