:root { --fontColor: #4a096d; --accentColor: #a584b6; font-family: 'Raleway',Arial,sans-serif; }
.breadcrumbs { display: flex; width: 100%; flex-wrap: wrap; margin: 13rem auto auto auto; justify-content: center; font-weight: 600; }
.breadcrumbs > p, .breadcrumbs a { color: var(--accentColor) !important; }
.breadcrumbs > p::before { content: "  /  "; white-space: pre; }
.breadcrumbs > p:first-child::before { content: ""; }
h1, .subtitle { text-align: center; color: var(--fontColor); }
.subtitle { display: flex; margin: 2rem 0px 1.5rem 0px; }
.subtitle > p { margin: auto; padding: 0.2rem 1rem; border: 2px solid #a584b6; border-radius: 3rem; font-size: 1.4rem; font-weight: 600; }
.subtitle > p::before { content: "✦ "; }
h1 { font: 700 calc(2vmin + 1.9vh) 'Comfortaa',Arial,sans-serif; }

._article { margin-top: 2rem; margin-bottom: 2rem;}
._article * { margin-bottom: 1rem; margin-top: 0px; color: var(--fontColor);}
._article li { margin-bottom: 1rem; margin-left: 2.5rem; }
._article li > p { padding: 0px; margin: 0px; }
._article ol, ._article ul { margin-top: 0.5rem; margin-bottom: 0.5rem !important; padding: 0px !important; }
._article ul > li { list-style-type: disc; }
._article ul ul > li { list-style-type: circle; }
._article ol > li { list-style-type: decimal; }
._article h3 { font-size: 1.55rem; }
._article h2 { font-size: 1.75rem; padding-top: 20px; }
._article h1 { font-size: 1.75rem; }
._article table { width: 100%; }
._article th, td { border: 1px solid #000; padding: 8px; text-align: left; }