:root{--color-bg:#fdf2f2;--color-fg:#1a1a1a;--color-disabled:#666;--color-primary:#006aeb;--color-secondary:#ebf4ff;--color-tertiary:#fcb0ec}@media (prefers-color-scheme:dark){:root{--color-bg:#0d0d0d;--color-fg:#f2f2f2;--color-disabled:gray;--color-primary:#f9c8c8;--color-secondary:#ea3e3e;--color-tertiary:#99c7ff}}*{box-sizing:border-box}html{height:100%;overflow:hidden}html,body{margin:0;padding:0}body{color:var(--color-fg);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;font-synthesis:none;font-feature-settings:"calt";flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:100%;padding:2rem;font-family:Bricolage Grotesque,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;font-weight:200;line-height:1.5;display:flex}@media not (max-width:45rem){body{justify-content:center;padding:3rem}}@media not (max-width:60rem){body{padding:4rem}}main{width:100%;height:100%;position:relative}main,footer{z-index:10}h1{font-size:max(20px,min(2vw,28px));font-weight:300}p{margin:1rem 0;font-size:max(16px,min(1.75vw,22px))}@media not (max-width:45rem){p{margin:2rem 0}}strong{font-weight:400}s{color:var(--color-disabled);text-decoration:none;display:inline-block;position:relative}s:after{content:"";background-color:var(--color-bg);pointer-events:none;width:100%;height:3px;position:absolute;top:50%;left:0}a{color:var(--color-primary);padding:0 1px;font-weight:300;text-decoration:none}a:hover{background-image:linear-gradient(0deg, var(--color-secondary) 0%, var(--color-secondary) 100%);background-position:0 5px;background-repeat:repeat-x;background-size:1px 14px}ul{margin:40px 0 0;padding:10px 0 0;list-style:none;position:relative}ul:before{content:"";background:var(--color-fg);opacity:.1;width:20px;height:2px;position:absolute;top:0;left:0}ul li{text-transform:lowercase;margin-right:10px;font-family:Lekton,monospace;font-size:12px;display:inline-block}@media not (max-width:45rem){ul li{font-size:14px}}ul li:last-child{margin-right:0}ul li a{margin-left:-5px;padding:5px}@media not (max-width:45rem){ul li a{margin:0;padding:0}}.canvas{width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.shape{color:var(--color-primary);transform-origin:50%;opacity:.5;transition:color 1s;display:inline-block;position:absolute}.shape:nth-child(3n){color:var(--color-tertiary)}.shape:nth-child(3n+2){color:var(--color-secondary);opacity:.2}