.decoder-text:after{content:"_";visibility:hidden}.decoder-text__glyph{opacity:.8;font-weight:var(--fontWeightRegular);font-family:var(--japaneseFontStack);line-height:0;color:rgb(var(--rgbPrimary))}.skills{width:100vw;min-height:70vh;margin-top:60px;margin-bottom:0;padding-top:60px;padding-bottom:0;display:flex;justify-content:center}@media (max-width:1024px){.skills{padding-top:50px;padding-right:180px;padding-left:160px;height:auto;margin-top:40px;margin-bottom:20px}}@media (max-width:696px){.skills{margin-top:0;padding-top:90px;padding-left:25px;padding-right:25px;overflow-x:hidden}}@media (max-height:696px),(max-width:696px){.skills{margin-bottom:0;padding-bottom:0}}@media (max-width:820px) and (max-height:420px){.skills{padding-right:var(--space4XL);padding-left:var(--space4XL)}}.skills__content{display:grid;grid-template-columns:42% 12% 12% 12%;grid-column-gap:var(--space3XL);max-width:var(--maxWidthL);width:100%}@media (max-width:1024px){.skills__content{max-width:600px;grid-template-columns:100%}}.skills__content p{white-space:pre-wrap}.skills__column{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px;transform:translateZ(0)}@media (max-height:696px),(max-width:696px){.skills__column{margin-bottom:0}}@media (max-height:696px),(max-width:696px){.skills__title:not(:first-child){margin-top:var(--spaceM);font-size:var(--fontSizeH4);letter-spacing:-1px}}.skills__title{white-space:nowrap;margin-bottom:var(--spaceS);opacity:0;margin-left:-1px;transition:opacity var(--durationXL) ease var(--durationM)}@media (max-height:696px),(max-width:696px){.skills__title{margin-top:var(--spaceM);font-size:var(--fontSizeH1);letter-spacing:-3px}}.skills__title--entered{opacity:1}.skills__description{margin-bottom:var(--spaceXL);opacity:0;transition:opacity var(--durationXL) ease var(--durationL)}.skills__description--entered{opacity:1}.skills-list{display:flex;flex-wrap:wrap;margin-bottom:var(--spaceXL);opacity:0;transition:opacity var(--durationXL) ease var(--durationL)}.skills-list li{flex:100% 1;margin-bottom:6px;line-height:1.2;font-size:var(--fontSizeBodyXS)}@media (max-height:696px),(max-width:696px){.skills-list li{font-size:var(--fontSizeS)}}.skills-list--entered{opacity:1}.skills__tag{margin-top:90px;margin-bottom:20px;display:grid;grid-template-columns:var(--space3XL) 1fr;grid-gap:6px;gap:6px;align-items:center}@media (max-height:696px),(max-width:696px){.skills__tag{grid-template-columns:75% 1fr}}@media (max-width:1024px){.skills__tag{margin-top:30px}}.skills__tag-text{font-size:var(--fontSizeBodyL);font-weight:var(--fontWeightMedium);color:rgb(var(--rgbPrimary));opacity:0;transition-property:opacity;transition-timing-function:var(--bezierFastoutSlowin);transition-duration:var(--durationM);transition-delay:1.3s}@media (prefers-reduced-motion:no-preference){.skills__tag-text{transition-property:opacity,transform;transform:translate3d(calc(var(--spaceM)*-1),0,0)}}.skills__tag-text--entered{transform:none;opacity:1}.skills__image-wrapper{position:relative;width:100%}.skills__svg{position:absolute;right:0;bottom:0;transform:translate3d(50%,-20%,0);height:65%;z-index:32;opacity:0;transition:opacity var(--durationM) ease var(--durationL);fill:var(--colorTextTitle)}@media (max-height:696px),(max-width:696px){.skills__svg{right:30px}}.skills__svg--entered{opacity:1}.skills__button{opacity:0;transition:opacity var(--durationXL) ease var(--durationL)}.skills__button--entered{opacity:1}.project.projects-page .project__title{letter-spacing:-3px}.project__section--light{background:rgb(var(--rgbBackgroundLight))}
/*# sourceMappingURL=10.8861a7a3.chunk.css.map */