:root{--text-color:#000;--primary-color:#000;--primary-dark-color:#41558f;--error-color:#ff0f0f;--black-color:#000;--white-color:#fff;--black-hover-color:#666;--button-text-color:#000;--font-main:"Ubuntu Mono",monospace;--font-sans:"ヒラギノ角ゴ ProN W3",HiraKakuProN-W3,游ゴシック,"Yu Gothic",メイリオ,Meiryo,Verdana,Helvetica,Arial,sans-serif;--font-serif:"游明朝","Yu Mincho","YuMincho","Hiragino Mincho Pro",serif;--header-height:100px;--footer-height:150px;--main-padding:0px;--Max-FontSize:30pt;--Second-FontSize:25pt;--Third-FontSize:20pt;--Base-FontSize:15pt;--SiteTitle-FontWeight:600;--PageTitle-FontWeight:400;--Base-FontWeight:200}[data-theme=light]{--background-color:#efefef;--secondary-color:#c8eff4;--cloudy_background-color:#f0f0f0;--border-color:#bbb;--button-color:#e5e5e5;--button-text-color:#000;--button-hover-color:#ccc;--link-color:#00669f;--shadow-color:#1e3e75;--theme-color:#fff;--reverse-color:#000}[data-theme=dark]{--background-color:#121212;--cloudy_background-color:#1e1e1e;--secondary-color:#2a2a2a;--text-color:#e0e0e0;--reverse-color:#121212;--border-color:#333;--button-color:#2c2c2c;--button-text-color:#fff;--button-hover-color:#404040;--link-color:#66b3ff;--shadow-color:#00000080;--theme-color:#fff}body{background-color:var(--background-color);font-family:var(--font-main);font-size:var(--Base-FontSize);font-weight:var(--Base-FontWeight);color:var(--text-color);margin:0}#app-layout{flex-direction:column;min-height:100vh;display:flex}a,a:visited{color:var(--link-color);text-decoration:none}a:hover{color:var(--button-hover-color);text-decoration:underline}main{padding:var(--main-padding)0px;flex:1}*{margin:0;padding:0}.header{flex-direction:left;padding:calc(var(--header-height)/2)0px;background-color:var(--primary-color);--width:200px;--font-size:var(--Base-FontSize);align-items:center;width:100%;height:0;display:flex;top:0}.header a{color:var(--white-color);text-decoration:none;transition:all .2s}.header a:hover{color:var(--link-color);transition:all .2s}.header .title{font-size:var(--Max-FontSize);margin:0 auto 0 10px;padding:0 5px 0 20px;font-weight:600}.header #topic_scope{gap:40px;margin:0 30px 0 5px;font-weight:400;display:flex}.header #topic_scope:hover .topic{color:var(--border-color)}.header #topic_scope .topic:hover{color:var(--link-color)}.header #menu{display:none}.header .theme{margin-right:20px}@media screen and (max-width:815px){.header{--width:100px;--font-size:20px}.header .title{font-size:30px}.header #topic_scope{gap:10px}.header #topic_scope .topic{font-size:15px}}@media screen and (max-width:495px){.header #box{top:calc(var(--header-height)/2 - 20px);box-sizing:border-box;background-color:var(--black-color);border:1px solid var(--white-color);border-radius:3px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;right:130px}.header #bar,.header #bar:before,.header #bar:after{content:"";background-color:#fff;border-radius:2px;width:23px;height:2px;transition:all .5s;display:block;position:absolute}.header #bar:before{bottom:8px}.header #bar:after{top:8px}.header #menu:checked~#box #bar{background-color:#fff0;transition:all .5s}.header #menu:checked~#box #bar:before{transition:all .5s;bottom:0;transform:rotate(45deg)}.header #menu:checked~#box #bar:after{transition:all .5s;top:0;transform:rotate(-45deg)}.header #menu:checked~#topic_scope_bg{pointer-events:auto;width:100vw;height:100vh;position:fixed;top:0;left:0}.header #topic_scope{top:calc(var(--header-height)/2 - 20px);background-color:var(--primary-color);text-align:center;border-radius:5px;width:80px;height:0;margin:0;display:block;position:absolute;right:180px;overflow:hidden}.header #menu:checked~#topic_scope_bg #topic_scope{border:1px solid var(--white-color);height:auto}.header .topic{line-height:20px;display:block}}footer{width:100%;height:40px;padding:calc((var(--footer-height) - 40px)/4)0px;text-align:center;background:var(--primary-color);bottom:0}footer a{line-height:0}.footer_info p{color:var(--white-color);margin:0}#home{width:80%;max-width:800px;margin:0 auto;padding-bottom:45px}#home h1{text-align:center;padding:20px}#home h2{padding-top:40px;padding-bottom:20px}#home ul{list-style-type:none}#home ul li{padding-bottom:10px}#home a{color:var(--link-color);font-size:var(--Base-FontSize);text-align:left;padding-left:20px}#NotFound{text-align:center}#NotFound h1{font-size:var(--Max-FontSize);color:var(--primary-dark-color)}#NotFound h2{font-size:var(--Second-FontSize)}#RGB{text-align:center}#RGB h1{font-size:var(--Max-FontSize);font-weight:var(--PageTitle-FontWeight);color:var(--secondary-color);margin:0;padding:40px 0;line-height:0}#RGB .RGB{display:inline}.github ul{margin:0;padding:0;list-style-type:none}.github ul li{border:1px solid var(--border-color);border-radius:6px;margin:0;padding:10px;transition:background .2s}.github ul li:hover{background:var(--secondary-color)}.github ul li a{color:var(--link-color);font-weight:700;text-decoration:none}.github ul li a:hover{color:var(--shadow-color);text-decoration:underline}.ants{justify-content:center;align-items:center;margin:0;padding:40px}.ants .ants-title{text-align:center;font-weight:var(--Max-FontSize)}.ants .ants-canvas{border:2px solid var(--black-color,#000);justify-content:center;box-shadow:0 0 8px #0000004d}.ants .ants-controls{justify-content:center;align-items:center;gap:10px;display:flex}.ants .ants-controls img{width:24px;height:24px}.ants .ants-position{text-align:center}.user-wrapper{align-items:center;gap:20px;display:flex}.user-wrapper img{border-radius:50%;width:120px}.user-info{flex-direction:column}.talk-scope{flex-direction:column;align-items:center;width:100%;display:flex}.talk-contents{text-align:left;word-wrap:break-word;flex:1;width:80%;max-width:800px;margin:0 auto;padding-bottom:45px;line-height:20px}.talk-contents p{margin:5px 0}.talk-scope .title{color:var(--text-color);font-size:var(--Max-FontSize);text-align:center;margin-top:40px;margin-bottom:40px;font-weight:400}.data{color:var(--gray-color);margin:8px 0;font-size:.9rem}.blog-post .blog-buttons{padding-top:100px}.tools h1{font-weight:var(--Max-FontSize);text-align:center;margin:0;padding:40px}.tools{display:block}.tools a{color:var(--text-color);text-align:center;margin:0;padding:10px}