@import url('https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&display=swap');

html {
    background-color: #eee;
}

body {
    font-family: 'Fira Mono', monospace;
    font-size: 1em;
    box-sizing: border-box;
    width: 70ch;
    margin: auto;
    padding: 3ch;
}


.line {
    white-space: pre;
    page-break-inside: avoid;
    break-inside: avoid;
}

chord {
    color: #af1919;
    font-weight: bold;
}

lab {
    font-weight: bold;
    font-size: 1.05em;
}

rep {
    font-weight: 900;
    color: #0f6868;
}

pre {
    font-size: 0.8em
}

@media (max-width: 700px) {
    body {
        width: fit-content;
        min-width: min(40ch, calc(100vw));
    }
}