Dicsie style example

They say that a PICTURE is worth a 1000 words, but pictures tend to be pretty static... so there is a fiddle instead

by Eugene Trounev

HTML

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Roboto&display=swap" rel="stylesheet">
<link media="all" href="https://lib.docsie.io/current/styles/docsie.css" rel="stylesheet"/><script async type="text/javascript" src="https://lib.docsie.io/2.1.1/service.js" data-docsie="docsie_pk_key:boo_fJXRFHG0IO2bltg0L"></script>
<style>
:root {
	/* Custom page width */
  --docsie-page-width: 1200px;
  --docsie-wide-page-width: 1200px;
  --docsie-article-width: 840px;
	/* Custom fonts */
  --docsie-font-family: 'Roboto', sans-serif;;
  --docsie-font-family-head: 'Noto Sans JP', sans-serif;;
  --docsie-font-family-mono: monospace;
	/* Custom accent colors */
  --docsie-hue-primary: 30;
  --docsie-hue-gray: 30;
  --docsie-sat-primary: 75%;
}
</style>