body{margin:auto;font-family:-apple-system,BlinkMacSystemFont,Nirmala UI,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/assets/bg0-DriuCuQt.jpg)}#root{display:flex;min-height:100vh;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}li{list-style-type:none}button{background-color:#708090;color:#fff;height:2rem;width:9rem;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;float:left;margin-left:.75rem;margin-top:1rem}.home{width:100%;flex:0;margin-top:auto;padding-top:1rem;padding-bottom:1rem}.main_root{width:100%}.main_container{text-align:center}.main_table{padding-left:0;padding-bottom:2.5rem;display:inline-flex;margin:auto}.main_table li{margin:auto}.main_table h1{text-align:center;margin:1em;color:#fff;font-size:1em;font-weight:700;text-shadow:0 0 8px slategray}.spacer{width:32px}.east_side{width:256px;color:#fff}.code_block p{margin:0 0 .4rem .75rem;text-align:left;font-family:Courier,serif;font-size:.75rem}.divider{height:1px;background-color:#708090;width:80%;margin:1.5rem auto}.bread{color:#fff;text-align:center}.bread h1{margin:0;font-weight:700;text-shadow:0 0 8px slategray}#meitsi{border-radius:6px;border:3px solid slategray;display:block;margin:auto;max-width:256px}@media screen and (max-width:830px){.main_table{display:block}}.copy-notification-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#4a4a4a;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.75rem;white-space:nowrap;margin-bottom:.5rem;box-shadow:0 2px 8px #0000004d;pointer-events:none}.header-container{margin:0;padding-top:.3em;padding-bottom:.7em;display:flex;background-color:#0009;border-bottom:.2em solid slategray}.header{margin:auto;max-width:80vw;display:inline-table;color:#fff}#go-home{display:table-cell;width:40vw;text-align:center;font-size:2.3em}@media screen and (max-width:830px){.header-container{display:inline-flex}.header{width:100vw}#go-home{padding:1vh}.lang{display:table-row;width:100%;padding-right:0}}#lang-button{margin:0;width:2.6em}#lang-button:hover{cursor:pointer;opacity:.5}.lang-container{display:inline;padding-left:1em;padding-right:1em}.lang p{display:none;margin:auto;font-weight:400;color:gray;font-size:1em;text-align:center}.lang{width:40vw;text-align:center}.footer-table{display:flex;flex:0;margin-top:auto;border-top:.2em solid slategray;background-color:#d3d3d3;width:100%}.footer-table-body{font-weight:700;font-size:.9em;margin:auto;width:90%}#author-td,#sns-links-td{width:35vw}#contact-td{text-align:center;min-width:20vw}#sns-links-td{text-align:right}.footer-links li{display:inline-flex}.footer-links a{text-decoration:none;text-align:center;min-width:80px;color:#708090}.footer-links a:hover{color:#000}@media screen and (max-width:830px){tr{display:inline}td{display:block}#author-td,#contact-td,#sns-links-td{text-align:center;width:100%}.footer-links{padding:0}.footer-links a{min-width:100px}}.ind_container{pointer-events:none;display:flex;position:absolute;width:100%;justify-content:center;margin-left:auto;margin-right:auto;padding-top:.6em}.ind_root{pointer-events:auto;display:inline-flex;text-align:center;justify-content:center;align-items:center;background:#d3d3d3;box-shadow:#fff 0 0 4px;border-radius:32px;height:42px}.ind_links{display:inline-block;padding:0}.ind_links li{display:inline;padding:0}.ind_link{text-decoration:none;font-size:1em;color:gray;font-weight:700;padding:11px 24px;border-radius:32px}.ind_link:hover{color:#000;background:#fff}@media screen and (max-width:1400px){.ind_container{position:static}}.music_container{display:flex;flex-direction:column;padding:2em;text-align:center;color:#fff}.music_root{display:flex;justify-content:center;align-items:center;width:100%}.blogs_container{min-height:100vh;padding:2rem 1rem}.blogs_root{max-width:1200px;margin:0 auto}.blogs_title{color:#fff;text-align:center;font-size:3rem;margin-bottom:3rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.blogs_loading,.blogs_empty{text-align:center;color:#fff;font-size:1.5rem;padding:4rem 1rem}.blogs_list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;padding:0 1rem}.blog_card{background:#d3d3d3;border:3px solid slategray;border-radius:6px;padding:2rem;text-decoration:none;color:inherit;box-shadow:0 4px 6px #0000001a;display:block}.blog_card:hover{box-shadow:0 10px 20px #0003;background:#fff}.blog_card article{display:flex;flex-direction:column;height:100%}.blog_card_title{margin:0 0 1rem;color:#222;font-size:1.5rem;line-height:1.3}.blog_card_meta{display:flex;gap:1rem;margin-bottom:1rem;color:#666;font-size:.9rem}.blog_card_date,.blog_card_author{display:inline-block}.blog_card_excerpt{flex:1;margin-bottom:1rem;color:#555;line-height:1.6}.blog_card_read_more{color:#667eea;font-weight:600;margin-top:auto}.blog_card:hover .blog_card_read_more{color:#764ba2}@media(max-width:768px){.blogs_title{font-size:2rem;margin-bottom:2rem}.blogs_list{grid-template-columns:1fr;gap:1.5rem}.blog_card{padding:1.5rem}.blog_card_title{font-size:1.25rem}}.blog-post-container{min-height:100vh;padding:2rem 1rem}.blog-post-content{max-width:800px;margin:0 auto;background:#fff;border:3px solid slategray;border-radius:6px;padding:2rem;box-shadow:0 10px 30px #0003}.back-link{display:inline-block;color:#667eea;text-decoration:none;font-weight:500;margin-bottom:2rem;transition:color .2s}.back-link:hover{color:#764ba2}.blog-article{color:#333}.blog-header{border-bottom:2px solid #e0e0e0;padding-bottom:1.5rem;margin-bottom:2rem}.blog-header h1{margin:0 0 1rem;color:#222;font-size:2.5rem;line-height:1.2}.blog-meta{display:flex;gap:1.5rem;color:#666;font-size:.95rem}.blog-date,.blog-author{display:inline-block}.blog-content{line-height:1.8;font-size:1.1rem;color:#444}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{margin-top:2rem;margin-bottom:1rem;color:#222;font-weight:600}.blog-content h2{font-size:2rem;border-bottom:1px solid #e0e0e0;padding-bottom:.5rem}.blog-content h3{font-size:1.5rem}.blog-content p{margin-bottom:1rem}.blog-content a{color:#667eea;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.blog-content a:hover{border-bottom-color:#667eea}.blog-content code{background:#f5f5f5;padding:.2rem .4rem;border-radius:3px;font-family:Courier New,monospace;font-size:.9em;color:#d63384}.blog-content pre{background:#2d2d2d;color:#f8f8f2;padding:1.5rem;border-radius:6px;overflow-x:auto;margin:1.5rem 0}.blog-content pre code{background:none;padding:0;color:inherit;font-size:.95rem}.blog-content ul,.blog-content ol{margin-left:2rem;margin-bottom:1rem}.blog-content li{margin-bottom:.5rem}.blog-content blockquote{border-left:4px solid #667eea;padding-left:1.5rem;margin:1.5rem 0;color:#555;font-style:italic}.blog-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0}.blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.blog-content th,.blog-content td{border:1px solid #ddd;padding:.75rem;text-align:left}.blog-content th{background:#f5f5f5;font-weight:600}.blog-content hr{border:none;border-top:2px solid #e0e0e0;margin:2rem 0}@media(max-width:768px){.blog-post-content{padding:1.5rem}.blog-header h1{font-size:2rem}.blog-content{font-size:1rem}.blog-content h2{font-size:1.5rem}.blog-content h3{font-size:1.25rem}}