:root{--color-primary:#7793cc;--color-success:#77ccb0;--color-danger:#d38aa2;--color-body:#2f3136;--color-font:#e1e1e1;--color-font-inverse:#24292f;--color-bg:#474b51;--color-bg-hover:#585c61;--color-bg-active:#696c70;--color-wrapper:#34373d;--color-border:#34373d;--box-shadow:0 4px 12px rgba(0,0,0,.15)}body,html{background-color:var(--color-body);color:var(--color-font)}body{padding:24px}.card{background-color:var(--color-bg);border-radius:6px;padding:16px}.title{align-items:center;display:flex;flex-direction:column;justify-content:center}.main{font-size:28px;margin:0 0 12px}.desc{margin:0}.list{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);list-style-type:none;margin:16px 0;padding:0}@media screen and (max-width:900px){.list{grid-template-columns:1fr}}.item{align-items:center;color:var(--color-font);display:flex;flex-direction:column;justify-content:center;position:relative;text-decoration:none}.item:hover{background-color:var(--color-bg-hover)}.item-title{font-size:24px;margin:0}.item-desc{margin:8px 0 0}.item-copy:hover{text-decoration:underline}.footer{color:var(--color-font);display:block;margin-top:16px;text-align:center;text-decoration:none}.footer:hover{background-color:var(--color-bg-hover)}