@import url(https://fonts.googleapis.com/css2?family=Amatic+SC&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background-color:#474747}body{background-color:#eee;background-image:radial-gradient(#0f172a0d 1px,#0000 0),radial-gradient(#0f172a0d 1px,#0000 0);background-position:0 0,16px 16px;background-size:32px 32px,32px 32px;color:#474747;font-family:Noto Sans JP,sans-serif;-webkit-user-select:none;user-select:none}header{align-items:center;background-color:#474747;color:#fff;display:flex;height:80px;left:0;position:fixed;top:0;width:100%;z-index:99999}.menu-button{background:none;border:none;cursor:pointer;display:none;margin-right:35px}.menu-button:hover{opacity:.7}@media (max-width:768px){.menu{display:none}.menu-button{display:block}}.menu-button span{background-color:#fff;border-radius:20px;display:block;height:3px;margin:5px 0;transition:.4s;width:25px}.nav-logo{font-size:1.3em;margin:0 auto 0 50px}.menu{align-items:center;display:flex;gap:8px;margin:0;padding:0 50px 0 0}.menu,.menu-item{list-style:none}.menu-item a{border-radius:999px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .25s ease,color .25s ease}.menu-item a:hover{background-color:#ffffff26;color:#fff}@media (max-width:768px){.nav-logo{font-size:1.2em;margin:0 auto 0 30px}}.menu-modal{display:flex}.menu-modal.open{display:block}@media (max-width:768px){.menu-modal{display:none;left:0;position:absolute;top:80px;width:100%}.menu{align-items:center;display:flex;flex-direction:column;gap:0;padding:0}.menu-item{background-color:#6d6d6d;border:.5px solid #757575;height:100%;width:100%}.menu-item a{align-items:center;border-radius:0;display:flex;height:70px;justify-content:center;padding:0;text-align:center;width:100%}.menu-item a:hover{background-color:#777}.menu-item a:active{background-color:#7a7a7a}}.home-container{animation:fadeInContent 1s ease-out .3s forwards;gap:64px;height:100dvh;justify-content:center;margin:0 auto;min-height:100vh;opacity:0;padding:80px;width:70%}.hero-text,.home-container{align-items:center;display:flex;flex-direction:column}.hero-text{gap:6px;margin-top:70px;text-align:center}.hero-title{font-size:2rem;font-weight:700}.hero-subtitle,.hero-title{margin:0;transform:rotate(10deg);transform-origin:center center}.hero-subtitle{color:#9a9a9a;font-size:1.3rem;font-weight:400}.image-row{gap:25px;margin-top:20px}.image-placeholder,.image-row{display:flex;justify-content:center}.image-placeholder{align-items:center;border:2px solid #cecece;border-radius:8px;color:#fff;filter:opacity(.8);pointer-events:none;transform:rotate(-2deg);-webkit-user-select:none;user-select:none;width:170px}@media (max-width:768px){.hero-text{width:200px}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1.2rem}.image-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.image-placeholder{width:130px}}.curtain{animation-duration:2s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.25,1,.5,1);background-color:#333;height:100dvh;position:fixed;top:0;width:50vw;z-index:9999}.left-curtain{animation-name:openLeft;left:0}.right-curtain{animation-name:openRight;right:0}@keyframes openLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes openRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes fadeInContent{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.about-container{align-items:center;display:flex;height:calc(100vh - 80px);justify-content:center}.profile-card{display:flex;flex-direction:column;gap:60px;padding:50px 80px;width:600px}.profile-top{align-items:center;display:flex;gap:40px;justify-content:center;width:100%}.profile-bio{color:#474747;font-size:.95rem;line-height:1.8;margin:0 auto;width:100%}.avatar-ring{height:110px;padding:4px}.avatar-img{border-radius:50%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:1.4rem;font-weight:700;margin:0}.profile-handle{color:#8a8a8a;font-size:.95rem}.profile-divider{border:none;border-top:2px dashed #a7a7a7;margin:25px 0;width:100%}.profile-links{display:flex;gap:20px}.profile-links a{align-items:center;color:#474747;font-size:1.5rem;justify-content:center;transition:color .5s ease}.profile-links a:hover{color:#aaa}@media (max-width:768px){.profile-card{padding:30px;width:90%}.profile-name{font-size:1.2rem}.profile-handle{font-size:.85rem}.profile-bio{width:100%}}.skills-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;pointer-events:none;scroll-margin-top:3rem;-webkit-user-select:none;user-select:none}.skills-container h2{font-size:1.5rem;margin-bottom:5rem}.skills-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));width:40%}.skill-card{align-items:center;aspect-ratio:1/1;background:#fafafa;border-radius:24px;display:flex;flex-direction:column;justify-content:center;opacity:.8}.skill-icon{margin-bottom:12px;width:40px}.skill-card p{color:#474747;font-size:.7rem}@media (max-width:768px){.skills-container{padding:20px;scroll-margin-top:4rem}.skills-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));width:90%}.skill-card{aspect-ratio:1/1;border-radius:16px;width:100%}.skill-card p{font-size:.6rem}.skill-icon{margin-bottom:10px;width:20px}}.works-container{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh;padding:80px 24px}h2{font-size:1.5rem;margin-bottom:5rem}.works-slider{border-radius:16px;max-width:720px;overflow:hidden;width:100%}.works-track{display:flex;transition:transform .45s cubic-bezier(.4,0,.2,1)}.works-slide{background-color:#e4e4e4;border-radius:16px;display:flex;min-width:100%;overflow:hidden}.works-image{aspect-ratio:16/9;flex-shrink:0;height:auto;overflow:hidden;width:55%}.works-image img{height:100%;object-fit:cover;opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.works-info{display:flex;flex-direction:column;gap:10px;justify-content:center;padding:28px 24px}.works-index{color:#9a9a9a;font-size:11px;letter-spacing:1px}.works-title{font-size:18px;font-weight:500;margin:0}.works-description{color:#6a6a6a;font-size:13px;line-height:1.7;margin:0}.works-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.works-tag{background-color:#f3f3f3;border-radius:999px;font-size:10px;margin-top:10px;padding:3px 10px}.works-dots{align-items:center;display:flex;gap:8px}.works-dot{background:#cecece;border-radius:999px;height:8px;transition:width .3s ease,background .3s ease;width:8px}.works-dot.active{background:#474747;width:20px}@media (max-width:768px){.works-container{gap:16px;padding:55px;scroll-margin-top:4rem}h2{margin-bottom:4rem}.works-slide,.works-slider{border-radius:12px}.works-slide{flex-direction:column}.works-image{aspect-ratio:16/9;height:auto;width:100%}.works-image img{object-fit:contain}.works-info{gap:5px;padding:10px 14px}.works-index{font-size:10px}.works-title{font-size:14px}.works-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:11px;line-height:1.5;overflow:hidden}.works-tag{font-size:10px;margin-bottom:10px;margin-top:6px;padding:2px 8px}}
/*# sourceMappingURL=main.4596988a.css.map*/