<!--
  Website: https://cssans.pro
  Documentation: https://github.com/ZeroSpree/CSSans.Pro#readme 
  Follow me: https://codepen.io/zerospree/
-->
<div class="cssans cssans--center">
<div class="cssans__accessible">Kachibito</div><div class="cssans__word"><b class="cssans:K"></b><b class="cssans:a"></b><b class="cssans:c"></b><b class="cssans:h"></b><b class="cssans:i"></b><b class="cssans:b"></b><b class="cssans:i"></b><b class="cssans:t"></b><b class="cssans:o"></b></div>
</div>
/* Uses https://cssans.pro/dist/cssans.min.css */ 

.cssans {
  font-size: 34px;
  --cssans-primary: 31, 51, 104;
  --cssans-secondary: 237, 21, 118;
  --cssans-accent1: 43, 208, 247;
  --cssans-accent2: 255, 92, 92;
  --cssans-accent3: 255, 216, 9;
  --cssans-letter-spacing: 0.1em;
  --cssans-word-spacing: 1em;
  --cssans-line-height: 1.1em;
}

External CSS

  1. https://cssans.pro/dist/cssans.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.