:root{--background:radial-gradient(ellipse at center, #3d2a14 0%, #2b1d0e 100%);--background-color:#2b1d0e;--static-print:#9e560d;--active:#ffb84d;--inactive:#3d2a14;--active-filter:drop-shadow(0 0 1.5px #ff9f1c) drop-shadow(0 0 1px #ff8c1a) drop-shadow(0 0 4px #c50)}*,:before,:after{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}#app{background:var(--background);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}svg#cleffie-display-main{width:auto;height:100%}svg#cleffie-display-main .static-print{fill:var(--static-print);filter:drop-shadow(1px 1px 1px #0000001a)}svg#cleffie-display-main .segment{fill:var(--inactive)}svg#cleffie-display-main .active{fill:var(--active);filter:var(--active-filter);mix-blend-mode:lighten}