html {
    background: #d8dbd4;
}

body {
    margin: 0;
    padding: 8vh 1rem;
}

main {
    box-sizing: border-box;
    max-width: 70ch;
    min-height: 85vh;
    margin: auto;
    padding: 5rem 4.5rem;
    background: #fdfdfb;
    color: #2b2c2f;
    font:
        15px/1.8 "JetBrains Mono",
        "IBM Plex Mono",
        ui-monospace,
        Menlo,
        Consolas,
        monospace;
    white-space: pre-wrap;
    outline: none;
    caret-color: #3b5bdb;
    box-shadow:
        0 1px 2px #0002,
        0 20px 50px -20px #0004;
}

main:empty::before {
    content: "Start writing…";
    color: #b4b6b2;
}

::selection {
    background: #dbe4ff;
}

@media (max-width: 600px) {
    body {
        padding: 1rem 0.5rem;
    }
    main {
        padding: 2.5rem 1.5rem;
    }
}