: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-t\e xt-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:170px;--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:#fff;--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:#808484;--secondary-color:#909090;--cloudy_background-color:#707474;--border-color:#444;--button-color:#333;--button-text-color:#fff;--button-hover-color:#555;--link-color:#4da6ff;--shadow-color:#000;--theme-color:#000;--reverse-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}#main{min-height:calc(100vh - (var(--header-height) + var(--footer-height) + var(--main-padding)*2));padding:var(--main-padding)0px}*{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:130px;padding:calc((var(--footer-height) - 130px)/2)0px;text-align:center;background:var(--primary-color);bottom:0}footer a{line-height:0}.footer_info p{color:var(--white-color);margin:0}.footer_icon img{width:50px;height:50px;margin:10px}#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{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(--black-color);font-size:var(--Max-FontSize);text-align:center;margin-top:40px;margin-bottom:40px;font-weight:400}.project-home h1{text-align:center;font-size:var(--Max-FontSize);font-weight:var(--PageTitle-FontWeight);margin:0;padding:40px}.projectDesc .url{font-size:var(--Base-FontSize);margin:10px}.projectDesc .contents{text-align:left;word-wrap:break-word;flex:1;width:80%;max-width:800px;margin:0 auto;padding-bottom:45px;line-height:20px}.accordion{align-items:center;width:100%}.accordion-title{font-size:var(--Third-FontSize);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 5%;transition:all .3s;display:flex}.accordion-arrow{margin-right:5%;transition:transform .3s}.accordion-title.active .accordion-arrow{transform:rotate(-90deg)}.accordion-title:hover{background-color:var(--cloudy_background-color)}.panel{text-align:center;border:2px solid var(--black-color);max-height:0;padding:0 18px;transition:max-height .4s,padding .4s;overflow:hidden}.panel.open{max-height:500px;padding:20px}.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(--black-color);text-align:center;margin:0;padding:10px}