*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}:root{--color-background: #0c0d12;--color-surface: #16181d;--color-surface-2: #242830;--color-on-surface: #ffffff;--color-on-surface-variant: #9ba1a6;--color-outline: #2d3139;--color-accent: #a78bfa;--font-serif: "Playfair Display", serif;--font-headline: "Quicksand", sans-serif;--font-body: "Nunito Sans", sans-serif}body{font-family:var(--font-body);background:var(--color-background);color:var(--color-on-surface)}