*{margin:0;box-sizing:border-box}html,body{margin:0;padding:0 0 100px;position:absolute;width:100%;min-height:100vh;background:#232323;color:#b1b1b1;font-size:20px;font-family:Commissioner,sans-serif;font-optical-sizing:auto;font-weight:250;font-style:normal;font-variation-settings:"slnt" 0,"FLAR" 0,"VOLM" 0}header{padding:5px;margin:0 auto;text-transform:uppercase;text-align:center}header ul{list-style:none;padding:0}#errors>div{padding:12px;background:#390139;color:plum;font-family:Electrolize;max-width:660px;margin:0 auto;border:4px solid #3f003f}footer{position:absolute;width:100%;bottom:0;display:flex;justify-content:center;flex-wrap:wrap;padding:1em}footer>*{display:block;width:100%;text-align:center}main{position:relative;box-sizing:border-box;max-width:1280px;padding:1em;margin:0 auto}h1,h2,h3{font-family:Electrolize,sans-serif;font-weight:400;font-style:normal;margin:1em auto}h1,h2,h3,b,i{color:#688668;text-align:left}h1{text-align:center}a{color:#8a8acf;text-decoration:none;font-weight:400}a:hover{text-decoration:underline}nav a{position:relative;color:#a5a5a5;font-size:16px}nav a:hover{color:#fff}nav img{width:60px;display:block;margin:0 auto}nav span{position:absolute;bottom:-1px;transform:translate(-50%);text-shadow:0 -3px 3px black}main>*{margin:.5em auto;max-width:1280px;text-align:justify}main p{margin:1em auto}main>h1{margin:0 auto;text-align:center}main img{position:relative;display:block;width:90%;margin:1em auto;padding:0}.reading-port{display:block;max-width:800px}.reading-port h1,h2,h3{font-family:Commissioner,sans-serif}.reading-port table{border:1px solid #636963;width:100%;border-collapse:collapse;margin:3px auto}.reading-port table th{background:#29332a;color:#a5a5a5;font-weight:400;padding:.5em;text-align:left}.reading-port table th,.reading-port table td{padding:.5em;border:1px solid #636963;text-align:left}.code-container img{width:100%;max-width:480px;display:block;margin:1em auto}.code-container .date{display:block;font-size:.8em;text-decoration:underline;margin-top:0;text-align:right}main blockquote{font-size:1.1em;color:#deb887;margin:1em;font-family:system-ui}main pre{margin:1em auto;width:100%;border:0;overflow-x:auto}main pre::-webkit-scrollbar{width:8px;height:8px}main pre::-webkit-scrollbar-track{background:#eee;border-radius:4px}main pre::-webkit-scrollbar-thumb{background:rgb(104,134,104);border-radius:4px}main pre::-webkit-scrollbar-thumb:hover{background:rgb(0,0,0)}main pre{scrollbar-width:thin;scrollbar-color:rgb(104,134,104) rgb(0,0,0)}main code{font-size:16px}main hr{margin:2em auto}.block-link{display:flex;width:100%;text-align:center;margin:1em auto;align-content:center;flex-wrap:wrap;justify-content:center}.block-link>img{display:block;margin:0 1em;width:2em}.cards{width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly}.cards a{display:block;width:340px;color:#a5a5a5;text-decoration:none;font-weight:400;border:1px solid #2f2f2f;margin:1em;padding:0 16px 16px;text-align:center;text-transform:uppercase;border-radius:10px}.cards a:hover{color:#688668}.cards .date{display:block;font-size:.8em;text-decoration:underline;margin-top:0}.sm-img{max-width:200px;display:inline-block}.just-block{text-align:justify}.code-ping{border:4px solid #515151;border-radius:15px;padding:1em;background:#29332aa1;color:#a7a7a7;max-width:768px}.code-ping a{color:#00815e;text-decoration:none;font-weight:800}.code-ping-link{display:block;width:100%;overflow-wrap:break-word}.code-ping img{width:100%;border:1px solid;border-radius:10px}.code-ping-head{display:flex;justify-content:left}.code-ping-head img{display:block;width:40px;border-radius:50%;margin:6px}.code-ping-head span{line-height:52px;font-weight:700}.code-ping-foot{display:flex;justify-content:space-between}.code-ping-date{display:block;width:100%;font-size:.8em;text-decoration:underline;text-align:right}.guides-tree-folder{display:block;width:100%;border:2px dotted #636963;background:#41594c2b;padding:.5em;border-radius:10px;margin:.5em auto;font-size:16px;font-family:Commissioner,sans-serif}.guides-tree-folder>h3{margin:0;color:#a5a5a5;font-weight:400;font-family:Commissioner,sans-serif}.guides-tree-link{display:block;width:100%;padding:.5em;text-decoration:none;color:#a5a5a5}.guides-tree-icon{display:inline-block!important;width:20px!important;height:20px;margin:0 3px!important}@media screen and (max-width: 768px){header{margin:0;padding:.5em}main>*{margin:.5em auto;line-height:1.5em;max-width:600px;text-align:justify}}