@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=Noto+Sans+JP:wght@400;600&family=Roboto:wght@400;600&display=swap";.bg-blur.svelte-4qaxsw,.bg.svelte-4qaxsw{width:100%;height:100vh;position:fixed;top:0;left:0}.bg-blur.svelte-4qaxsw{z-index:-9;backdrop-filter:var(--blur-ratio);-webkit-backdrop-filter:var(--blur-ratio)}.bg.svelte-4qaxsw{z-index:-10;background-image:var(--bg-img-url);background-size:cover;background-position:center}.bg.svelte-4qaxsw:before{content:"";display:block;width:100%;height:100%;background:#252525;opacity:.5}body{margin:0}img{vertical-align:top}html{scroll-behavior:smooth}.svelte-16fgvap{font-family:Roboto,Noto Sans JP,serif}header.svelte-16fgvap{width:100%;height:60px;position:fixed;top:0;backdrop-filter:var(--blur-ratio);-webkit-backdrop-filter:var(--blur-ratio);z-index:1000}header.svelte-16fgvap .header-inner:where(.svelte-16fgvap){display:flex;justify-content:center;align-items:center;width:950px;height:100%;margin:0 auto;color:#fff}header.svelte-16fgvap .header-inner:where(.svelte-16fgvap) .header-logo:where(.svelte-16fgvap){font-family:IBM Plex Mono,serif;font-weight:600;font-size:20px}header.svelte-16fgvap .header-inner:where(.svelte-16fgvap) .header-logo:where(.svelte-16fgvap) a:where(.svelte-16fgvap){color:#fff;text-decoration:none}main.svelte-16fgvap{width:950px;margin:60px auto 0}footer.svelte-16fgvap{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;padding:20px 0}footer.svelte-16fgvap .bg-img-details:where(.svelte-16fgvap){text-align:center;margin-bottom:20px;font-size:14px;color:#fff}footer.svelte-16fgvap .bg-img-details:where(.svelte-16fgvap) a:where(.svelte-16fgvap){color:#fff}footer.svelte-16fgvap .bg-img-details:where(.svelte-16fgvap) a:where(.svelte-16fgvap):hover{text-decoration:none}footer.svelte-16fgvap ul:where(.svelte-16fgvap){display:flex;gap:20px;padding:0;margin:30px 0 0}footer.svelte-16fgvap ul:where(.svelte-16fgvap) li:where(.svelte-16fgvap){list-style:none;color:#fff;font-size:14px}footer.svelte-16fgvap ul:where(.svelte-16fgvap) li:where(.svelte-16fgvap) a:where(.svelte-16fgvap){color:#fff;line-height:1em}article{width:800px;margin:100px auto;color:#fff;padding:50px;position:relative}article:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;box-shadow:0 0 29px -6px #777;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}article h1{font-size:30px}article a{color:#babaff}@media screen and (max-width: 500px){header.svelte-16fgvap{width:100%;position:static}header.svelte-16fgvap .header-inner:where(.svelte-16fgvap){width:100%}main.svelte-16fgvap{width:100%}footer.svelte-16fgvap ul:where(.svelte-16fgvap){width:300px;display:flex;flex-wrap:wrap;justify-content:center}article{width:85%;padding:5%}}