.glitching{position:relative}#title-container.glitching #title-text{animation:glitch 1s linear;position:relative}#title-container.glitching #title-text:before,#title-container.glitching #title-text:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%}#title-container.glitching #title-text:before{animation:glitchTop .6s linear;clip-path:polygon(0 0,100% 0,100% 33%,0 33%)}#title-container.glitching #title-text:after{animation:glitchBotom 1s linear;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%)}#name-container.glitching #name-text{animation:glitch 1.2s linear;position:relative}#name-container.glitching #name-text:before,#name-container.glitching #name-text:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%}#name-container.glitching #name-text:before{animation:glitchTop .8s linear;clip-path:polygon(0 0,100% 0,100% 33%,0 33%)}#name-container.glitching #name-text:after{animation:glitchBotom 1.2s linear;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%)}.text-japanese{color:#ff4873;text-shadow:0 0 5px rgba(240,116,186,.27)}#name-container.glitching .text-japanese:before,#name-container.glitching .text-japanese:after{color:#ff4873;text-shadow:0 0 5px rgba(240,116,186,.27)}bug{animation:glitch 1s linear infinite;position:relative;display:inline-block}bug:before,bug:after{content:attr(title);position:absolute;left:0}bug:before{animation:glitchTop 1s linear infinite;clip-path:polygon(0 0,100% 0,100% 33%,0 33%)}bug:after{animation:glitchBotom 1.5s linear infinite;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%)}@keyframes glitch{2%,64%{transform:translate(2px) skew(0)}4%,60%{transform:translate(-2px) skew(0)}62%{transform:translate(0) skew(5deg)}}@keyframes glitchTop{2%,64%{transform:translate(2px,-2px)}4%,60%{transform:translate(-2px,2px)}62%{transform:translate(13px,-1px) skew(-13deg)}}@keyframes glitchBotom{2%,64%{transform:translate(-2px)}4%,60%{transform:translate(-2px)}62%{transform:translate(-22px,5px) skew(21deg)}}#tech-container{max-height:120px;position:relative}#tech-container:not(.expanded){mask-image:linear-gradient(to bottom,#000 80%,#0000);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 80%,rgba(0,0,0,0))}#tech-container.expanded{mask-image:none;-webkit-mask-image:none}#tech-container>*{z-index:5;transform-origin:center center}#tech-container>*:hover,#tech-container>*.highlight{z-index:10}.tech-card-wrapper{transition:opacity .3s ease,transform .3s ease;transition-delay:.01s}.hidden-card{opacity:0;transform:translateY(5px)}#tech-container.expanded .hidden-card{opacity:1;transform:translateY(0)}#tech-container.expanded .tech-card-wrapper:nth-child(9){transition-delay:.15s}#tech-container.expanded .tech-card-wrapper:nth-child(10){transition-delay:.2s}#tech-container.expanded .tech-card-wrapper:nth-child(11){transition-delay:.25s}#tech-container.expanded .tech-card-wrapper:nth-child(12){transition-delay:.3s}#tech-container.expanded .tech-card-wrapper:nth-child(13){transition-delay:.35s}#tech-container.expanded .tech-card-wrapper:nth-child(14){transition-delay:.4s}#tech-container.expanded .tech-card-wrapper:nth-child(15){transition-delay:.45s}#tech-container.expanded .tech-card-wrapper:nth-child(16){transition-delay:.5s}#tech-container.expanded .tech-card-wrapper:nth-child(17){transition-delay:.55s}#tech-container.expanded .tech-card-wrapper:nth-child(18){transition-delay:.6s}@media (min-width: 768px){#tech-container{max-height:none;mask-image:none!important;-webkit-mask-image:none!important}.hidden-card{opacity:1!important;transform:none!important}}.line-clamp-1.svelte-fusj5a{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.projects-wrapper.svelte-10pwmha{position:relative;z-index:1;overflow:visible}#projects-container.svelte-10pwmha{mask-image:linear-gradient(to bottom,#000 85%,#0000004d);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1) 85%,rgba(0,0,0,.3));padding-bottom:20px;-ms-overflow-style:none;scrollbar-width:none}#projects-container.svelte-10pwmha::-webkit-scrollbar{display:none}.card-wrapper.svelte-10pwmha{margin:4px -6px -6px;overflow:visible;position:relative;z-index:10}.card-wrapper.svelte-10pwmha:hover{z-index:10}}div[data-astro-cid-d6puh33w]::-webkit-scrollbar{width:4px}div[data-astro-cid-d6puh33w]::-webkit-scrollbar-track{background-color:#0003;border-radius:4px}div[data-astro-cid-d6puh33w]::-webkit-scrollbar-thumb{background-color:var(--color-main, rgb(255, 0, 119, .6));border-radius:4px}