nav.tree{margin-block:1rem}nav.tree ul{list-style-type:none;padding-inline:0;margin-block:0}nav.tree>p:first-child{margin-block:0}nav.tree ul>li::before{content:"";display:inline-block;width:1.2rem;height:1.2rem;margin-right:.3rem;margin-bottom:.4rem;border-bottom:.2rem solid silver;border-left:.2rem solid silver;border-bottom-left-radius:50%;position:relative;z-index:1}nav.tree ul>li{margin-left:1.7rem}nav.tree ul>li::before{margin-left:-1.7rem}nav.tree,nav.tree ul,nav.tree li:last-child{position:relative}nav.tree ul::before{content:"";display:inline-block;border-left:.2rem solid silver;position:absolute;height:100%}nav.tree ul>li:last-child::after{content:"";display:inline-block;border-left:.2rem solid #fff;position:absolute;height:100%;top:0;left:-1.7rem}h1#title{text-align:center}main{place-self:center}