*{box-sizing:border-box}body{margin:0;padding:0;background:#fff;color:#000}nav>ul{display:flex;gap:10px}nav>ul>li{list-style:none}nav>ul>li>a{text-decoration:none;color:#0f0;position:relative;transition:all .5s}nav>ul>li>a:after,nav>ul>li>a:before{content:"";position:absolute;transition:all .5s;width:0;height:1px}nav>ul>li>a:before{left:0;top:-3px;background-color:#0af}nav>ul>li>a:after{right:0;bottom:-3px;background-color:#0fa}nav>ul>li>a:hover:after,nav>ul>li>a:hover:before{width:100%}header>h1{margin:0;padding:0;display:block;width:100px;height:50px}header>h1>a{text-decoration:none;display:block}header>h1>a,header>h1>a>img{width:100%;height:100%}header{position:fixed;top:0;left:0;right:0;width:auto;height:75px;background-color:hsla(0,0%,100%,.5);border-bottom:1px solid #000;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 20px}header:before{content:"";backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:absolute;inset:0;z-index:-1}main{padding:80px 10px 10px;word-break:break-all}main>div{padding:0 30px}.blog>div>pre{width:100%;overflow-x:auto;padding:10px;border-radius:5px;transform:skew(5deg);background:#222;border:1px solid #0af}.blog>div>pre>code{color:#0f0;background:#333;padding:5px;line-height:30px}.blog>div>p>img{width:60%;height:auto;border:2px solid #0f0}main a{color:#0af;transition:all .3s}main a:hover{color:#0cf}main h3{color:#0f0}main h2{position:relative;padding:0 15px}main h2:before{content:"";position:absolute;bottom:-5px;left:0;background:#0af;width:100%;height:2px}.footer{border-top:1px solid #000;width:100%;height:auto;padding:10px;display:flex;gap:5px;box-sizing:border-box}footer a{color:#af0;transition:all .3s}footer a:hover{color:#0af}.footer_wrapper{padding:15px}.footer>.normal-box{width:20vw;height:500px;padding:10px;box-sizing:border-box;overflow-y:auto}.footer>.match-box{width:100%;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.flex{justify-content:center}.blogCards,.flex{display:flex;flex-wrap:wrap}.blogCards{justify-content:space-around;align-items:center}.blogCards>article{width:300px;height:350px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #888;margin:5px;transition:all .5s}.blogCards>article:hover{border:1px dotted #0f0;background:linear-gradient(to bottom left,rgba(0,0,100,.5),rgba(0,100,0,.5))}.blogCards>article>a{min-width:100%;min-height:100%;color:#0f0;text-decoration:none}.blogCards>article>a>div{width:100%;height:40%;position:relative;overflow:hidden}.blogCards>article>a>div>img{object-fit:cover;width:100%;height:100%}.blogCards>article>a>span{width:100%;height:60%;padding:15px;box-sizing:border-box;display:block;overflow:auto}.pagenation{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:10px 0}.pagenation>div>a{padding:10px;background-color:#0af;transition:all .3s;color:#fff;margin:10px;display:inline-block;text-decoration:none}.pagenation>div>a:hover{background-color:#0080ff}@media (prefers-color-scheme:dark){:root{--default_bg_color:#000;--default_border:1px solid #fff;--default_text_color:#fff}body{background:#000;color:#fff}header{background-color:rgba(0,0,0,.5);border-bottom:1px solid #fff}.footer{border-top:1px solid #fff}}.img-rs_syou{width:13vw;height:auto}.img-rs_tyuu{width:30vw;height:auto}.img-rs_dai{width:40vw;height:auto}.img-rs_saidai{width:60vw;height:auto}.img-rs_boxsaidai{width:100%;height:100%}.modal{display:none;z-index:666}.modal:target{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center}.modal>div{animation:modal-show .3s linear 0s;border:var(--default_border);--modal_width:65vw;--modal_box-sizing:border-box;--modal_position:relative}@keyframes modal-show{0%{opacity:0}to{opacity:1}}.modal>div>a{position:relative;display:block}.modal>div>a:before{position:fixed;top:0;left:0;content:"";background-color:rgba(0,0,0,.4);width:100%;height:100%}.modal>div>a:after{content:"✕";color:#fff;position:absolute;right:-13px;top:-13px;width:25px;height:25px;z-index:1;border-radius:50px;background-color:#000;display:flex;justify-content:center;align-items:center;cursor:pointer}.modal>div>span{min-height:40px;font-size:20px;padding:15px;display:flex;flex-direction:column;border-bottom:1px solid #ccc;background-color:rgba(0,100,150,.5);color:#fff}.modal>div>div,.modal>div>span{position:var(--modal_position);box-sizing:var(--modal_box-sizing);width:var(--modal_width);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);word-break:break-all}.modal>div>div{height:55vh;border-radius:0;overflow:hidden;cursor:default;padding:10px;overflow:auto;background-color:hsla(0,0%,100%,.5)}.box-1{padding:8px 19px;margin:10px;color:#2c2c2f;background:#666;border:5px solid #fff}.box-1 p{margin:0;padding:0}.box-2{padding:.5em 1em;margin:10px;font-weight:700;border:3px solid #000;background-color:#ff0}.box-2 p{margin:0;padding:0}.box-3{padding:.5em 1em;margin:10px;background:#fff;border:3px solid #6091d3;border-radius:10px;background-color:#000}.box-3 p{margin:0;padding:0}.box-4{padding:.5em 1em;margin:10px;border:5px double #4ec4d3;background:#1a1a1a}.box-4 p{margin:0;padding:0;color:#fff}.box-5{padding:.5em 1em;margin:10px;background:#00bfff;border:5px dashed #2e2eff}.box-5 p{margin:0;padding:0}.box-6{padding:.5em 1em;margin:10px;background:#666;border-top:6px solid #fff;box-shadow:0 3px 4px rgba(0,0,0,.5)}.box-6 p{margin:0;padding:0}.box-7{padding:.5em 1em;margin:10px;background:#fff;border-radius:10px;background-color:#008099}.box-7 p{margin:0;padding:0}.box-8{padding:.5em 1em;margin:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 5px 20px hsla(0,0%,100%,.5)}.box-8 p{margin:0;padding:0}.box-9{padding:.5em 1em;margin:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 5px 20px rgba(0,0,0,.5)}.box-9 p{margin:0;padding:0}.column{flex-direction:column;display:flex}.yokoori{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.app_link{text-decoration:none;transition:all .1s;display:block}.app_link,.app_link:hover{color:#fff000}.app_link:active{background-color:rgba(10,255,10,.2);color:#fff}.app-name,.app_box-1{height:40px;padding:5px;background-color:#ccc;border-radius:5px}.app-name{position:absolute;bottom:0;left:0;right:0}.app_name{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-shadow:1px 1px #000}.app_wrapper{text-align:center;margin:15px;width:50px;height:80px;display:inline-block}.lr-spacenarabi{display:flex;justify-content:space-between}.all-spacenarabi{display:flex;justify-content:space-around}.center{display:flex;justify-content:center}.left{display:flex;justify-content:flex-start}.right{display:flex;justify-content:flex-end}.gap5px{display:flex;gap:5px}.gap10px{display:flex;gap:10px}.gap15px{display:flex;gap:15px}.gap20px{display:flex;gap:20px}.gap25px{gap:25px}.gap25px,.yokonarabi{display:flex}#menu-btn-check,.menu-btn{display:none}@media only screen and (max-width:600px){.blogCard{width:100%}.menu-btn{position:fixed;top:15px;right:15px;display:flex;height:45px;width:45px;justify-content:center;align-items:center;z-index:20;background-color:#5f0;border-radius:50%;overflow:hidden;cursor:pointer}.menu-btn span,.menu-btn span:after,.menu-btn span:before{content:"";display:block;height:3px;width:20px;border-radius:3px;background-color:#0080ff;position:absolute;transition:all .45s}.menu-btn span:before{bottom:8px}.menu-btn span:after{top:8px}#menu-btn-check:checked~.menu-btn span{background-color:hsla(0,0%,100%,0)}#menu-btn-check:checked~.menu-btn span:before{bottom:0;transform:rotate(45deg)}#menu-btn-check:checked~.menu-btn span:after{top:0;transform:rotate(-45deg)}#menu-btn-check:checked~.menu-content{bottom:0;left:0;animation:hamnavAnime 1.5s}@keyframes hamnavAnime{0%{transform:rotate(45deg) scale(2);background:rgba(0,100,255,.3)}50%{transform:rotate(380deg) scale(.1);background:rgba(255,100,0,.3)}to{transform:translate(-45deg) scale(1);background:rgba(0,255,100,.3)}}.menu-content{width:100vw;height:100vh;height:100dvh;padding:75px 10px 30px;box-sizing:border-box;position:fixed;left:100%;bottom:100%;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0af;transition:all .45s}.menu-content>div{overflow-y:auto;overflow-x:hidden;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.menu-content>div>nav{display:block;width:90vw}.menu-content>div>nav>ul{display:block;padding:0}.menu-content>div>nav>ul>li{list-style:square;display:flex;padding:5px}.menu-content>div>nav>ul>li>a{width:100%;font-size:17px;box-sizing:border-box;text-decoration:none;padding:9px 15px 10px 0;position:relative;text-align:center;background:hsla(0,0%,39%,.3)}.footer>.normal-box{width:100%}}