body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:left;background-color:var(--bg-color);font-family:"Zen Maru Gothic",sans-serif}.title{font-size:2em;font-weight:400;color:var(--base-text);text-align:center}.subtitle{font-size:1.8em}.division-title,.subtitle{margin-top:1em;font-weight:300;color:var(--base-text)}.division-title{font-size:1.3em}a.external-btn{text-align:center;text-decoration:none;font-weight:500;color:#a48272;background:#fff;display:block;padding:.3em;border-radius:5px;border:2px solid}a.external-btn:hover{color:#fff;background-color:#a48272}.header{z-index:998;display:grid;grid-template:auto;top:0;left:0}.App-header{color:#515457;background-color:#a48272;min-height:1em;font-size:1em;color:#fcfcf3;font-weight:100;margin:auto;width:100%}.header-img{background-image:url(/static/media/mochitto-caffe.eb9ae702.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 30%;height:40em;width:100%;border-radius:0;margin-bottom:3em}.profile{text-align:center}.name{color:#515457;font-weight:bolder}.description{color:#515457;font-weight:300;font-size:1.2em}.icon{width:180px;height:180px;border-radius:50%;object-fit:cover;object-position:90% 100%}.card{padding-top:1em;padding-bottom:1em;margin:auto;width:90%;background-color:#f5f3d8;border-radius:5%}a.x:hover{background-color:#000}a.qiita:hover{background-color:#55c500}a.gmail:hover{background-color:#d14836}a.github:hover{background-color:#2b3137}a.hatena:hover{background-color:#333}a.speakerdeck:hover{background-color:#276159}a.zenn:hover{background-color:#3ea8ff}a.pixiv:hover{background-color:#0096fa}.link-button{display:inline-block;box-shadow:0 0 2px #909090;border-radius:50%;padding:.5em .6em;margin-right:.5em;font-size:1.2em;color:#909090}.link-button:hover{color:#fff}.flip-button-container{margin-top:1.5em}.flip-button{display:inline-flex;align-items:center;grid-gap:.5em;gap:.5em;padding:.8em 1.5em;font-size:1em;font-weight:600;color:#515457;background-color:hsla(0,0%,100%,.5);border:2px solid #515457;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.flip-button:hover{background-color:#515457;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.flip-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.15)}.flip-button svg{font-size:1.2em}.illustrator-details{margin-top:1em;margin-bottom:1em;text-align:center;padding:0 1em}.illustrator-details .detail-line{color:rgba(0,0,0,.5);font-size:.75em;line-height:1.5;margin:0;word-wrap:break-word;overflow-wrap:break-word}.card.flipped{animation:flipIn .6s ease}@keyframes flipIn{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0deg);opacity:1}}.skill-cards{justify-content:center;margin-top:1.5em;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,15%));grid-row-gap:1.5em;row-gap:1.5em;grid-column-gap:.5em;column-gap:.5em;width:100%}.skill-card-main{position:relative;padding-top:1em;height:auto;color:#c1c2c3;text-align:center;border-radius:16px;width:100%;height:12em;transition:.3s ease-out;background-color:#212223;box-shadow:13px 13px 6px rgba(0,0,0,.2)}.skill-card-main:hover{box-shadow:0 4px 8px rgba(38,38,38,.2)}.skill-card-main .skill-icon{font-size:3em}.skill-card-main .skill-icon-lg{font-size:3.5em}.skill-card-main .skill-text{font-size:1em}.skill-card-main .skill-text-lg{margin-top:-.6em;font-size:1em}.skill-card-main .skill-progress-bar{border:2px solid #c1c2c3;height:1em;border-radius:8px;margin-top:1em;margin-left:1em;margin-right:1em;font-size:1em}.skill-card-main .skill-progress-bar span{display:block;height:100%;background-color:#c1c2c3}.skill-card-main .skill-progress-bar p{margin:1em 0}.illustrator-about{margin-top:2em;padding:2em;max-width:800px;margin-left:auto;margin-right:auto}.illustrator-about .about-section{margin-bottom:3em;background-color:hsla(0,0%,100%,.5);padding:2em;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.illustrator-about .about-section:last-child{margin-bottom:0}.illustrator-about .about-title{color:#515457;font-size:1.5em;font-weight:600;margin-bottom:1.5em;text-align:center;border-bottom:2px solid #515457;padding-bottom:.5em}.illustrator-about .about-content{color:var(--base-text);font-size:1.1em;line-height:1.8}.illustrator-about .environment-item{display:flex;align-items:center;margin-bottom:1em;padding:.8em;background-color:hsla(0,0%,100%,.6);border-radius:8px}.illustrator-about .environment-item .label{font-weight:600;color:#515457;min-width:140px;margin-right:1em}.illustrator-about .environment-item .value{color:var(--base-text);font-weight:500}.illustrator-about .qualification-item{text-align:center;padding:1em;background-color:hsla(0,0%,100%,.6);border-radius:8px;font-size:1.2em;font-weight:500;color:var(--base-text)}.gallerys{justify-content:center;margin-top:1.5em;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,550px));grid-row-gap:1.5em;row-gap:1.5em;grid-column-gap:1em;column-gap:1em;width:100%}.card-description,.card-title{color:#515457}.badges{margin-top:-.1em}.badge{display:inline-block;margin-right:1em;margin-bottom:20px;border-left:10px solid #54bb79;padding:.2em .5em;background-color:#4a5568;color:#fbfbfb;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:.8em;font-weight:100}.illustrator-gallery{column-count:3;grid-column-gap:16px;column-gap:16px;padding:20px 0;max-width:100%;width:100%}.illustrator-gallery .illustration-item{position:relative;cursor:pointer;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;background:#f5f5f5;width:100%;overflow:hidden;margin-bottom:16px;page-break-inside:avoid;break-inside:avoid;display:inline-block}.illustrator-gallery .illustration-item:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.illustrator-gallery .illustration-item img{width:100%;height:auto;object-fit:contain;display:block;border-radius:8px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}@media(max-width:1024px){.illustrator-gallery{column-count:2;grid-column-gap:14px;column-gap:14px}.illustrator-gallery .illustration-item{margin-bottom:14px}}@media(max-width:768px){.illustrator-gallery{column-count:2;grid-column-gap:12px;column-gap:12px}.illustrator-gallery .illustration-item{margin-bottom:12px}}@media(max-width:480px){.illustrator-gallery{column-count:1;grid-column-gap:0;column-gap:0}.illustrator-gallery .illustration-item{margin-bottom:16px}}.yarl__root{--yarl__color_backdrop:rgba(0,0,0,0.9)}.yarl__root img{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}.yarl__root button{pointer-events:auto}.sns{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,48%));grid-column-gap:1em;column-gap:1em;grid-row-gap:1em;row-gap:1em;margin-top:1em;justify-content:center}.blog{font-family:"Zen Maru Gothic",sans-serif;color:var(--base-text)}.timeline{width:100%}.scroll{overflow-y:scroll;height:20em}.footer{text-align:center;padding:3em 0 2em;font-size:1em;font-weight:400;color:#c1c2c3}.fadeIn{animation-name:fadeInAnime;animation-duration:.5s;animation-timing-function:linear;animation-fill-mode:both;animation-delay:.1s}@keyframes fadeInAnime{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.SlideInLeft{animation-name:SlideInLeftAnime;animation-duration:1s;animation-timing-function:cubic-bezier(.25,1,.5,1);animation-fill-mode:forwards;animation-delay:1}@keyframes SlideInLeftAnime{0%{opacity:0;transform:translateX(-180px)}to{transform:translateX(0)}40%,to{opacity:1}}.typing-text{display:inline-block;overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}}.curtain:after,.curtain:before{content:"";position:fixed;top:0;width:50vw;height:100vh;background:var(--bg-color);animation-name:curtainOpen;animation-duration:3s;animation-fill-mode:forwards;animation-delay:.3s;z-index:999}.curtain:before{left:0}.curtain:after{right:0}@keyframes curtainOpen{0%{width:50vw}to{width:0;visibility:hidden}}@media(prefers-color-scheme:light){:root{--base-text:#515457;--bg-color:#f9f9ff;--loading-text:#a48272}}@media(prefers-color-scheme:dark){:root{--base-text:#f9f9f9;--bg-color:#2f3232;--loading-text:#ffe5b3}}.loading{width:100h;height:100vh;background-color:var(--bg-color)}.logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%}
/*# sourceMappingURL=main.8ca232b1.chunk.css.map */