:root{--color-main:#000;--color-bg:#ececec;--color-bg-soft:#d1d1d1;--color-accent:#ff6a00;--border-radius:10px;--section-padding:20px}body{padding:0;margin:0;color:var(--color-main);background:var(--color-bg);overflow-y:scroll}#app{font-family:cpcode;text-align:center;height:100vh}.branding{display:flex;align-items:center;gap:6px;gap:1.5px;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-grow:1}.circle{--radius:14px;line-height:calc(var(--radius)*2.3);height:calc(var(--radius)*2);width:calc(var(--radius)*2);border-radius:var(--radius);display:inline-block;color:#fff}.rainbow{background:linear-gradient(90deg,red,#f90 10%,#d0de21 20%,#4fdc4a 30%,#3edad8 40%,#2fc9e2 50%,#1c7fed 60%,#5f15f2 70%,#ba0cf8 80%,#fa07d9 90%,red);background-size:1000% 100%;animation:shift-rainbow 20s ease infinite}@keyframes shift-rainbow{0%{background-position:0 0}50%{background-position:100% 0}to{background-position:0 0}}nav{display:flex;justify-content:left;align-items:center;gap:30px;padding:0 30px;height:80px}nav a{font-weight:700;color:var(--color-main);text-decoration:none}nav a span{padding:3px 3px 1px 3px}nav a:before{content:"> ";opacity:0}nav a:hover:before{opacity:1}nav a.router-link-exact-active:before{opacity:0}nav a.router-link-exact-active span{background-color:var(--color-main);color:var(--color-bg);cursor:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.router-view a{color:#383838;text-decoration:none;transition:color .4s}.router-view a:hover{color:var(--color-accent)}section{width:calc(90vw - var(--section-padding)*20);margin:0 auto}section,section.fullwidth{padding:var(--section-padding)}section.fullwidth{width:calc(100vw - var(--section-padding)*2)}.attention>p{display:inline;filter:grayscale(1);background-color:#fff;border-radius:var(--border-radius);padding:7px 8px 3px 8px}@font-face{font-family:cpcode;src:url(/fonts/cpcode.8d8ab60d.ttf) format("truetype");font-weight:400;font-style:normal}