a[href]{color:#9cf}:root{scrollbar-color:#777 #333}body{font-family:sans-serif;margin:0;padding:0;background:#212121;color:#e7e7e7;display:flex;flex-direction:column;min-height:100svh}header{position:fixed;top:0;left:0;padding:10px 20px;width:100%;box-sizing:border-box;display:flex;background:#212121e6;backdrop-filter:blur(3px);z-index:100;>.sitename{display:flex;>.title{color:unset;text-decoration:unset;display:flex}>.subtitle{font-size:smaller;display:flex;border-left:solid 1px #aaa;color:#bbb;padding-left:5px;margin:auto 0 auto 7.5px;position:relative;&:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='60 -900 860 860' fill='%23000'%3E%3Cpath d='M480-360 280-560h400L480-360Z'/%3E%3C/svg%3E");filter:brightness(0) saturate(100%) invert(86%) sepia(0%) saturate(0%) hue-rotate(166deg) brightness(92%) contrast(80%);width:1em;height:1em;margin:auto 0}&:hover{color:#e7e7e7;&:after{filter:brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(3420%) hue-rotate(261deg) brightness(119%) contrast(81%)}}&:not(:hover)>.switch{pointer-events:none;clip-path:polygon(0 0,100% 0%,100% 0%,0% 0%)}>.switch{position:absolute;top:100%;left:-1px;display:flex;border:solid 1px #aaa;flex-direction:column;width:max-content;background:#212121e6;clip-path:polygon(0 0,100% 0%,100% 100%,0% 100%);transition:clip-path .25s ease;z-index:1;>a{color:#b5b5b5;text-decoration:unset;padding:7.5px 10px;&.active{color:#e7e7e7}&:hover{background:#ffffff1a;color:#e7e7e7}}}}}}.card{margin:10px 0;padding:10px 17.5px;>.title{font-size:18px;font-weight:400}>.title-mini{font-size:16px}>.content{font-size:14px}&.nopadding{padding:0;margin:0}&.success{background:#213321;border:solid 1px #21aa21}&.danger{background:#332121;border:solid 1px #aa2121}&.warning{background:#333321;border:solid 1px #c0c021}&.info{background:#213344;border:solid 1px #2177aa}}main{margin:min(max(4vw,20px),50px) auto 0;padding:32.5px max(5vw,20px);max-width:1000px;width:100%;box-sizing:border-box;h1{font-size:24px;margin:0}h2{font-size:20px;margin:0}h3{font-size:16px;margin:0}.news_list{>.news{display:block;border:solid 1px #5f5f5f;background:#0000000d;text-decoration:none;padding:10px 17.5px;margin:10px 0;&:hover{border-color:#aaa}>.title{font-size:16px;display:block;color:#e7e7e7}>.description{font-size:14px;color:#ccc}>.tags{display:flex;flex-wrap:wrap;margin:2.5px 0 0;gap:2.5px 5px;>.tag{background:#444;color:#fff;font-size:12px;padding:1.5px 6.5px}}>.dates{display:flex;flex-wrap:wrap;gap:2.5px 10px;margin:5px 0 0;>.date{font-size:12px;color:#ccc;display:flex;>time{margin:auto 0}&:before{content:"";display:block;margin:auto 5px auto 0;width:16px;height:16px}&.publish:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 -960 960 960' width='16px' fill='%23ccc'%3E%3Cpath d='m612-292 56-56-148-148v-184h-80v216l172 172ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-400Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z'/%3E%3C/svg%3E")}&.update:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 -960 960 960' width='16px' fill='%23ccc'%3E%3Cpath d='M480-120q-75 0-140.5-28.5t-114-77q-48.5-48.5-77-114T120-480q0-75 28.5-140.5t77-114q48.5-48.5 114-77T480-840q82 0 155.5 35T760-706v-94h80v240H600v-80h110q-41-56-101-88t-129-32q-117 0-198.5 81.5T200-480q0 117 81.5 198.5T480-200q105 0 183.5-68T756-440h82q-15 137-117.5 228.5T480-120Zm112-192L440-464v-216h80v184l128 128-56 56Z'/%3E%3C/svg%3E")}}}}}}article{display:flex;flex-direction:column;.prose{padding-bottom:10px;border-bottom:solid 1px #777;>.title{font-size:18px;margin:0}>.date{font-size:12px;color:#ccc}>.tags{display:flex;flex-wrap:wrap;margin:2.5px 0 0;gap:2.5px 5px;>.tag{background:#555;color:#fff;font-size:12px;padding:1.5px 6.5px}}}.content{margin-top:10px;font-size:14px;p{margin:0 0 15px}h1,h2,h3{margin:15px 0 0}h1{font-size:16px}h2{border-left:solid 3.5px #e7e7e7;padding:0 10px;margin-bottom:5px;font-size:14px}h3{font-size:12px}ul{padding:0 0 0 20px;margin:0;list-style-type:disc}}.buttons{display:flex;flex-wrap:wrap;gap:0 10px;margin:20px 0 0 auto;>button{all:unset;display:flex;cursor:pointer;width:2.5em;height:2.5em;box-sizing:border-box;border:solid 1px #777;border-radius:50%;background:#252525;color:#fff;&:hover{background:#333;border-color:#aaa}>svg{margin:auto;&:not(.free){width:1.25em;height:1.25em}}}}}footer{margin-top:auto;background:#1a1a1a;color:#aaa;>.text{padding:12.5px 20px;box-sizing:border-box;font-size:14px;>a{color:#aaa!important;text-decoration:unset}}}