@import
url('https://fonts.googleapis.com/css2?family=Xanh+Mono:ital@0;1&display=swap');

    * { margin: 0; padding: 0; text-align: left; line-height: normal;
    } body { padding-left: 40px; } .text, p, li, h1, h2, body {
    font-family: "Xanh Mono", monospace; font-weight: 400; font-style:
    normal; font-size: 14px; }

    .text_it, i, a { font-family: "Xanh Mono", monospace; font-weight:
      400; font-style: italic; font-size: 14px; }

    .lg, h1 { font-size: 36px; }

    .md, h2 { font-size: 24px; }

    .container { max-width: 800px; margin-right: auto; margin-left:
        auto; }

    blockquote { margin-left: 8px; padding-left: 8px; border-left: 5px
        grey solid; }

    h1, h2, h3, h4 { position: relative; padding-left: 0px; }

    h1::before, h2::before, h3::before, h4::before { content: "#";
      position: absolute; left: -26px; /* move it out of the container
      */ color: grey; /* optional style */ }

    h2::before{ content: "##"; left: -32px; } h3::before{ content:
    "###"; left: -34px; } h4::before{ content: "####"; left: -36px; }

    .center{ text-align: center; }

    .img-center{ margin-left: auto; margin-right: auto;
      
    }

    ul { list-style-type: "* "; }

    li::marker { color: grey; position: relative; }

    p { position: relative; padding-left: 0px;

    }
    
    p::before { content: "¶"; color: grey; position: absolute; left:
      -14px; }

    blockquote p::before, p.no-p-sym::before { content: none; }

    dialectical {
	display: block;
	box-sizing: content-box;
	background-color: white;
	outline: black 1px solid;
    }
    
    dialectical::before {
	content: "Dialectical";
	display: block;
	text-align: center;
	border-bottom: 1px black solid;
	position: relative;
	left: 0;
	right: 0;
    }

    dialectical p:nth-child(2n+1) {
	color: #313628;
    }

    dialectical p:nth-child(2n+1)::before {
	content: ">";
    }

    dialectical p:nth-child(2n) {
	color: #CF5C36;
	margin-left: 7px;
    }

    dialectical p:nth-child(2n)::before {
	content: "<";
	left: -21px;
    }