html{width:100%}body{width:100%;margin:0;color:var(--text-muted);background-color:var(--bg-dark);font-family:sans-serif;line-height:1.5}footer{border-top:1px solid #222;margin-top:1rem}a{text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--text);scroll-margin-top:80px}main{padding:1rem;max-width:90vw;margin:auto;display:flex}@media only screen and (max-width:600px){main{padding:0;margin:10px;width:calc(100%-2*10px);max-width:100%}}@media only screen and (max-width:1000px){.sidebar{display:none}}.sidebar{width:25vw;overflow:hidden;font-size:12px;margin-right:-2rem}.sidebar nav{position:fixed;top:calc(60px + 1rem);padding-left:.5rem;margin-left:1rem;border-left:1px solid var(--border)}.sidebar nav ul{list-style:none;padding:0;margin:.6rem}.sidebar nav ul li{margin:.2rem 0}.sidebar nav li ul{margin-top:0}.sidebar nav li a{color:var(--text-muted);text-decoration:none}.main-content{width:100%;padding:1rem;overflow:auto}.card{background-color:var(--bg-middle);border:1px solid var(--border);border-radius:.5rem;padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow)}a{color:var(--text)}.social-icons{padding:12px 0}.social-icons a:not(:last-of-type){margin-inline-end:12px}.social-icons a svg{height:26px;width:26px;color:var(--main)}.button{background-color:var(--bg-light);border:1px solid var(--border);border-radius:.5rem;padding:0 1rem;margin:1rem;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(2px);box-shadow:none}.logo{align-content:center}.logo svg{width:clamp(2rem,8vw,4rem);height:clamp(2rem,8vw,4rem)}.logo>svg{max-width:100%;max-height:100%;color:var(--main)}.logo svg *{fill:var(--main)}.listcard{display:flex;flex-direction:column;justify-content:space-between;gap:.6rem;padding-bottom:.4rem;transition:background-color .3s,transform .3s}.listcard:hover{background-color:var(--bg-light);transform:scale(1.02)}.listcard h1{color:var(--main);margin-top:0;font-size:1.2rem}.listcard .content{margin-left:1rem;font-size:1rem}.cardslist{display:grid;grid-template-columns:32% 32% 32%;gap:2%}@media only screen and (max-width:900px){.cardslist{display:grid;grid-template-columns:49% 49%;gap:2%}}@media only screen and (max-width:500px){.cardslist{display:grid;grid-template-columns:100%}.listcard{margin-bottom:.3rem}}.tagicons{margin-top:auto;display:flex;flex-direction:row;gap:3px}.listcard .tagicons{background:linear-gradient(to top,var(--bg-light) 30%,var(--bg-light) 70%,transparent);padding-left:1rem;margin:0 -1rem;margin-bottom:-.4rem;padding-bottom:.4rem;border-radius:.5rem}.tagicons img,.tagicons a{width:2rem;height:2rem;padding:0;margin:0;display:block}table{width:100%;border-collapse:collapse}table th,table td{padding:.5rem;border:1px solid var(--border);border-radius:5px}table th{background-color:var(--bg-light);color:var(--text)}table tr:nth-child(even){background-color:var(--bg-middle)}table tr:nth-child(odd){background-color:var(--bg-dark)}table tr:hover{background-color:var(--bg-light)}@media only screen and (max-width:600px){table,table thead,table tbody,table th,table td,table tr{display:block}table tr{margin-bottom:1rem}table th,table td{text-align:left;padding-left:50%;position:relative}table th::before,table td::before{content:attr(data-label);position:absolute;left:0;width:50%;padding-left:1rem;font-weight:700}}