:root{--main-width:990px}:root[data-theme=light]{--background:#e9e5e7;--color:#616062;--card:#dcdade;--card-hover:#dcd5d9;--codeblock:#f5f5f5}:root[data-theme=dark]{--background:#171f29;--color:#fff;--card:#272f39;--card-hover:#454c57;--codeblock:#6e6e6e}*{box-sizing:border-box;padding:0;margin:0}body,html{font-family:var(--font-oswald),var(--font-noto-sans-jp);height:100%;max-width:100vw;overflow-x:hidden;color:var(--color)}body{margin:0;background:var(--background)}a{text-decoration:none}a,button{color:inherit;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{background-color:transparent;border:none;cursor:pointer;padding:0;font:inherit}@media(prefers-color-scheme:dark){html{color-scheme:dark}}.layout{width:100%;height:100%;display:flex;justify-content:center}@media(max-width:799px){.layout{flex-direction:row}}.layout>.container{display:flex;flex-direction:column;gap:24px;margin-top:48px}.layout>.container>.header{display:flex}.layout>.container>.header>.icon{width:128px;height:128px}.layout>.container>.header>.title{margin:0 16px;align-self:flex-end;font-size:96px;line-height:1.3;font-weight:700}.layout>.container>.footer{margin-top:48px;padding-bottom:24px}.layout>.container>.footer>.links{display:flex;gap:1px}.layout>.container>.footer>.links>.github,.layout>.container>.footer>.links>.twitter{width:24px}.layout>.container>.footer>.copylight{font-size:14px}.layout>.container>.footer>.copylight .nao{font-size:10px}@media(1280px <= width){.layout>.container{width:1280px}}@media(min-width:800px) and (max-width:1279px){.layout>.container{width:770px}}@media(min-width:520px) and (max-width:799px){.layout>.container{width:480px}.layout>.container>.header>.icon{width:64px;height:64px}.layout>.container>.header>.title{font-size:48px}}@media(max-width:519px){.layout>.container{width:350px}.layout>.container>.header>.icon{width:48px;height:48px}.layout>.container>.header>.title{font-size:32px}}