html { background: #191724; } main { background: #1f1d2e; border-radius: 10px; } #tl > div { padding: 16px; border-bottom: 1px solid #908caa; } #tl > div > header { font-weight: 700; } * { font-family: BIZ UDGothic, Roboto, HelveticaNeue, Arial, sans-serif; } #misskey_app { display: none !important; } body, html { background-color: #191724; color: #e0def4; justify-content: center; margin: auto; padding: 10px; text-align: center; } button { border-radius:999px; padding:0 40px; margin-top: 1rem; border:none; cursor:pointer; margin-bottom:12px; background:linear-gradient(90deg,#86b300,#4ab300); line-height:50px; color:#191724; font-weight:700; font-size:20px; } button:hover { background: rgb(156, 207, 216); } a { color: rgb(156, 207, 216); text-decoration: none; } p, li { font-size: 16px; } h1 { font-size: 32px; } code { font-family: Fira, FiraCode, monospace; } #text { background-color: #444; border: solid #aaa; border-radius: 10px; color: #e0def4; margin-top: 3rem; width: 20rem; height: 5rem; padding: 0.5rem; } #text:focus { border: solid #eee; } @media screen and (max-width: 500px) { #text { width: 80% } }