*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{color:#fff;background-color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}html,body,#root{height:100%}#root{flex-direction:column;min-height:100vh;display:flex}header{justify-content:center;margin-bottom:5px;padding:40px 20px;display:flex}header div{text-align:center;background-color:#1f1f1f;border:2px solid #333;width:99%;max-width:100%;padding:100px}header h1{letter-spacing:3px;color:#fff;margin-top:0;margin-bottom:20px;font-size:48px;font-weight:300}header h1 a{color:#fff;text-decoration:none}header h1 a:hover{text-decoration:underline}nav{flex-wrap:nowrap;justify-content:space-around;align-items:center;gap:0;width:100%;margin-top:80px;margin-bottom:15px;font-size:15px;line-height:1.8;display:flex}nav a{color:#4a9eff;white-space:nowrap;border-right:1px solid #4a9eff;padding:0 12px;text-decoration:none}nav a:last-child{border-right:none}nav a:hover{text-decoration:underline}nav.nav-dashboard{display:none}main{color:#fff;flex:1;width:100%;max-width:600px;margin:0 auto;padding:0 20px}section{margin-bottom:60px}section h2{color:#fff;border-bottom:1px solid #333;margin-bottom:20px;padding-bottom:10px;font-size:18px;font-weight:400}section h3{color:#fff;margin-bottom:15px;font-size:16px;font-weight:400}p{margin-bottom:15px;line-height:1.8}ul,ol{margin-bottom:15px;margin-left:0;list-style:none}li{margin-bottom:8px}a{color:#4a9eff;text-decoration:none}a:hover{text-decoration:underline}input,textarea{color:#fff;background-color:#2a2a2a;border:1px solid #333;width:100%;margin-bottom:15px;padding:10px;font-family:inherit;font-size:14px;line-height:1.5}input:focus,textarea:focus{background-color:#333;border-color:#4a9eff;outline:none}select{color:#fff;cursor:pointer;background-color:#2a2a2a;border:1px solid #333;width:100%;margin-bottom:15px;padding:10px;font-family:inherit;font-size:14px;line-height:1.5}select:focus{background-color:#333;border-color:#4a9eff;outline:none}button{color:#000;cursor:pointer;background-color:#4a9eff;border:none;margin-top:10px;margin-bottom:20px;padding:10px 20px;font-size:14px;font-weight:600}button:hover{opacity:.8}.upload-button{color:#000;z-index:1000;background-color:#4a9eff;border-radius:5px;justify-content:center;align-items:center;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:fixed;bottom:30px;right:30px}.upload-button:hover{opacity:.8;text-decoration:none}article{text-align:left;line-height:1.8}article h1{color:#fff;margin-bottom:10px;font-size:24px;font-weight:400}article time{color:#888;margin-bottom:30px;font-size:13px;display:block}article div{white-space:pre-wrap;word-wrap:break-word}footer{text-align:center;color:#888;border-top:1px solid #333;margin-top:60px;padding:40px 20px;font-size:13px}@media (width<=600px){header{margin-bottom:30px;padding:30px 20px}nav{font-size:13px}nav a{margin-right:15px}main{padding:0 15px}section{margin-bottom:40px}header h1{font-size:24px}article h1{font-size:20px}}