*{margin:0;padding:0;box-sizing:border-box}*::selection{background-color:#6a6b83;color:#efefeca6}:root{font-family:Roboto Mono,monospace;font-size:small;font-weight:300;color-scheme:dark;color:#efefeca6;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#6a6b83;text-decoration:inherit}p a{transition:color 128ms ease-in-out;position:relative;z-index:2}p a:hover{color:#ffffffde}p a:before{content:"";position:absolute;z-index:1;pointer-events:none;width:calc(100% + .2rem);height:100%;top:0;left:-.1rem;-webkit-user-select:none;user-select:none;padding:0rem;transition:clip-path 128ms ease-in-out,background-color 128ms ease-in-out;clip-path:rect(0% 30% 100% 70% round 10rem);background-color:#6a6b8300}p a:hover:before{background-color:#6a6b8330;clip-path:rect(0% 100% 100% 0% round .5rem)}p a::selection{color:#6a6b83;background-color:#343434}p a:hover::selection{color:#efefeca6}body{min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:scroll;box-sizing:border-box}.card{padding:2em}#app{position:relative;width:100vw;min-height:100vh;margin:0 auto;padding:2em 0}#bg{font-family:Roboto Mono;font-size:18px;z-index:-1;pointer-events:none;white-space:pre;-webkit-user-select:none;user-select:none;inset:0;width:100vw;height:100vh;position:absolute}main{visibility:visible;min-height:20vh;width:90vw;margin:0 auto;display:flex;flex-direction:column;font-size:large;gap:1rem;padding:2rem;z-index:1}@media(min-width:1150px){main{width:60vw}}.date{font-size:small;color:#454545;font-weight:300}.bento{background-color:transparent;padding:1rem;border-radius:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color 128ms ease-in-out,border 128ms ease-in-out;border:1px solid #ffffff03}.bento:hover,.bento.glow{background-color:#ffffff06;border:1px solid #ffffff06}.bento h1:before{font-weight:600;content:"> "}.bento h2{font-weight:500;margin-bottom:1rem}.bento h3{font-size:x-large;font-weight:400}#bg.svelte-1a4pjqn{line-height:1em;color:#6a6b83;text-shadow:0 0 16px color-mix(in srgb,currentColor 40%,transparent)}#portfolio-container.svelte-9ftazo{display:flex;padding:1em;flex-direction:row;gap:1em;justify-content:space-evenly;flex-wrap:wrap;align-items:flex-start}#portfolio-container.svelte-9ftazo::-webkit-scrollbar{display:none}.item.svelte-9ftazo{height:16rem;max-width:80vw;aspect-ratio:1 / 1;background-size:cover;background-position:left;transition:all 256ms ease-in-out;filter:grayscale(1);cursor:pointer;box-shadow:0 4px 8px color-mix(in srgb,black 30%,transparent);display:flex;flex-direction:column;justify-content:space-between}.item.svelte-9ftazo:hover{filter:grayscale(0);box-shadow:0 4px 8px color-mix(in srgb,black 30%,transparent)}.label.svelte-9ftazo{color:#ffffffde;font-weight:300;font-size:.9em;text-align:left;transition:all 256ms ease;-webkit-backdrop-filter:blur(10px) brightness(.6);backdrop-filter:blur(10px) brightness(.6);mask:linear-gradient(180deg,transparent 0%,black 70%);-webkit-mask:linear-gradient(180deg,transparent 0%,black 70%);padding:5rem 0rem .5rem .8rem;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column-reverse}.item.svelte-9ftazo:hover .label:where(.svelte-9ftazo){opacity:0;-webkit-backdrop-filter:blur(0px) brightness(1);backdrop-filter:blur(0px) brightness(1);filter:blur(10px)}.item.svelte-9ftazo:hover .icon:where(.svelte-9ftazo){width:1.3em;opacity:100%;-webkit-backdrop-filter:blur(2px) saturate(2.5);backdrop-filter:blur(2px) saturate(2.5);filter:blur(0px);color:#efefec;background-color:#24242440}.icon.svelte-9ftazo{align-self:flex-start;font-weight:200;font-size:2em;display:flex;justify-content:center;align-items:center;align-self:flex-end;width:1.3em;aspect-ratio:1/1;padding:.2rem;color:transparent;background-color:transparent;filter:blur(4px);-webkit-backdrop-filter:blur(0px) saturate(1);backdrop-filter:blur(0px) saturate(1);opacity:0%;border-radius:1rem;mask:radial-gradient(circle at 50% 50%,#000000f0 40%,#000000 50%,transparent 60%);-webkit-mask:radial-gradient(circle at 50% 50%,#000000f0 40%,#000000 50%,transparent 60%);text-shadow:0 0 16px color-mix(in srgb,currentColor 40%,transparent);-webkit-user-select:none;user-select:none;transition:all 192ms ease-in-out}#plectrm.svelte-9ftazo{background-image:url(/plectrm.png);background-size:cover 100%}#plectrm.svelte-9ftazo:hover{background-image:url(/plectrm.gif);background-size:contain 100%}#welcome.svelte-9ftazo{background-image:url(/welcome.png);background-size:cover 100%}#welcome.svelte-9ftazo:hover{background-image:url(/welcome.gif);background-size:contain 100%}#mc2a3.svelte-9ftazo{background-image:url(/mc2a3.png);background-size:cover 100%}#mc2a3.svelte-9ftazo:hover{background-image:url(/mc2a3.gif);background-size:contain 100%}#hello.svelte-9ftazo{display:flex;flex-direction:column;gap:1em;height:fit-content}#cat.svelte-9ftazo{padding:1rem;display:flex;align-items:center;justify-content:center;border-radius:1rem;order:3;cursor:grab;-webkit-user-select:all;user-select:all}#cat.svelte-9ftazo:active{cursor:grabbing}#cat.svelte-9ftazo pre:where(.svelte-9ftazo){font-family:Roboto Mono;font-size:1.2rem;-webkit-user-select:all;user-select:all}@media(min-width:1517px){#portfolio-container.svelte-9ftazo{display:flex;padding:1em;flex-direction:row;gap:1em;justify-content:space-evenly;flex-wrap:wrap;align-items:flex-start}.item.svelte-9ftazo{height:16rem;max-width:80vw;aspect-ratio:1 / 1;background-size:cover;background-position:left;transition:all .15s ease;filter:grayscale(1);cursor:pointer;box-shadow:0 4px 8px color-mix(in srgb,black 30%,transparent);display:flex;flex-direction:column;justify-content:space-between;margin:0}.item.svelte-9ftazo:hover{aspect-ratio:16 / 9;filter:grayscale(0);box-shadow:0 4px 8px color-mix(in srgb,black 30%,transparent)}}@media(min-width:440px){#hello.svelte-9ftazo{display:grid;grid-template:"a b" "c c";gap:1em;height:fit-content}#cat.svelte-9ftazo{order:1}}#bloglist.svelte-12pboqj{display:flex;flex-direction:column;gap:1rem}.entry.svelte-12pboqj{transition:all .15s ease;background-color:transparent;width:fit-content;min-width:55%}.entry.svelte-12pboqj span:where(.svelte-12pboqj){color:#ffffffde}.entry.svelte-12pboqj:hover{background-color:#ffffff06}article.svelte-yfyxqp{display:flex;flex-direction:column;gap:1rem}.post-body.svelte-yfyxqp{text-align:left}.post-body.svelte-yfyxqp p{margin-bottom:1rem;line-height:1.8em}.post-body.svelte-yfyxqp p:last-of-type{text-align:center;margin-bottom:0}.post-body.svelte-yfyxqp sub{color:gray;margin-bottom:1rem;line-height:.2em}.post-body.svelte-yfyxqp p:has(sub){width:80%;margin-left:10%;max-width:80%}.post-body.svelte-yfyxqp img{width:80%;margin-left:10%;max-width:80%;height:auto;border-radius:.5rem}.post-body.svelte-yfyxqp iframe{aspect-ratio:16 / 9;width:80%;margin-left:10%;max-width:80%;height:auto;border-radius:.5rem}#navbar.svelte-igdjqh{padding:.5rem;font-family:Roboto Mono;width:fit-content;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#navbar.svelte-igdjqh a:where(.svelte-igdjqh){-webkit-user-select:text;user-select:text;background-color:transparent;padding:0 .5rem;border-radius:.9rem;transition:color 64ms ease-in-out;position:relative;z-index:2}#navbar.svelte-igdjqh a:where(.svelte-igdjqh):hover{color:#ffffffde}#navbar.svelte-igdjqh a:where(.svelte-igdjqh)::selection{color:#6a6b83;background-color:#343434}#navbar.svelte-igdjqh a:where(.svelte-igdjqh):before{display:none}#navbar.svelte-igdjqh span:where(.svelte-igdjqh){-webkit-user-select:none;user-select:none;color:#ffffff06}#navbar.svelte-igdjqh span:where(.svelte-igdjqh):before{content:"";position:absolute;z-index:1;pointer-events:none;width:calc(100% - 1rem);height:calc(100% - 1rem);top:.5rem;left:.5rem;-webkit-user-select:none;user-select:none;padding:0rem;transition:clip-path 128ms ease-in-out 8ms,background-color 128ms ease-in-out 8ms;clip-path:rect(0% 30% 100% 70% round 10rem);background-color:#6a6b8300}#navbar.svelte-igdjqh:has(a:where(.svelte-igdjqh):first-of-type:hover) span:where(.svelte-igdjqh):before{background-color:#6a6b8330;clip-path:rect(0% calc(50% - .5rem) 100% 0% round .5rem)}#navbar.svelte-igdjqh:has(a:where(.svelte-igdjqh):last-of-type:hover) span:where(.svelte-igdjqh):before{background-color:#6a6b8330;clip-path:rect(0% 100% 100% calc(50% + .5rem) round .5rem)}.svelte-1n46o8q{text-shadow:0 0 16px color-mix(in srgb,currentColor 40%,transparent)}