html{
    *{margin:0;padding:0}
    >body{
        *{font-family:monospace;box-sizing:border-box;overflow-wrap:anywhere}
        svg{vertical-align:bottom}
        section{margin-left:.5rem;margin-bottom:.5rem}
        pre{white-space:pre-wrap}
        a{text-decoration:none}
        textarea{resize:none}
        >header{
            >*{pointer-events:auto;opacity:.5}
            svg{height:4rem}
            >:nth-child(1){
                &~*{margin-left:.5rem;cursor:pointer}
                cursor:pointer
            }
            z-index:1;margin-bottom:.5rem;top:.5rem;position:sticky;pointer-events:none
        }
        >main{
            h1,h2,h3,h4,h5,h6{
                &:not(h1){font-size:1rem}
                margin-bottom:.5rem
            }
        }
        margin:.5rem
    }
    scroll-padding-top:5rem
}