.topbar{position:absolute;top:0;height:56px;color:#fff;transition:all .3s ease;z-index:2}.topbar,.topbar__wrapper{width:100%;display:flex;justify-content:center;align-items:center}.topbar__wrapper{max-width:650px;padding:0 32px;list-style:none;margin:0}.topbar__item{padding:0 12px}.topbar__item a{height:56px;display:flex;justify-content:center;align-items:center;border-bottom:4px solid transparent;color:inherit;text-decoration:none!important}.topbar__item a:hover{border-bottom:4px solid #209cee}@keyframes slide-down{0%{transform:translateY(-20px)}to{transform:translateY(0)}}.background{position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.2);z-index:1}.intro{position:relative;display:flex;justify-content:center;align-items:center;color:#fff;text-shadow:0 .1em 20px #000,.05em -.03em 0 #000,.05em .005em 0 #000,0 .08em 0 #000,.05em .08em 0 #000,0 -.03em 0 #000,-.03em -.03em 0 #000,-.03em .08em 0 #000,-.03em 0 0 #000;background:url(/static/media/bg.c9233618.webp);background-size:cover;background-position:bottom}.intro__wrapper{position:relative;width:100%;max-width:600px;font-size:1em;padding:0 32px 32px;z-index:2}@media screen and (min-width:768px){.intro__wrapper{font-size:1.1em}}.intro__welcome{font-size:1em}.intro__title{padding:0 6px;margin:0 0 0 12px;font-size:2.2em}.intro__title span{transform:scale(.9);display:inline-block}.intro__title span:first-child{animation:bop 1s cubic-bezier(.175,.885,.32,1.275) infinite alternate forwards}.intro__title span:last-child{animation:bopB 1s cubic-bezier(.175,.885,.32,1.275) .2s infinite alternate forwards}.intro__sns{padding:16px 0;text-align:right}.intro__sns>a{display:inline-block;padding:0 12px}.intro__down{position:absolute;bottom:32px;left:0;right:0;text-align:center;transition:all .3s ease;animation:bounce 1s infinite alternate;z-index:2}.ityped-cursor{opacity:1;animation:blink .7s infinite;animation-direction:alternate}@keyframes bop{0%{transform:scale(.9)}50%,to{transform:scale(1)}}@keyframes bopB{0%{transform:scale(.9)}80%,to{transform:scale(1) rotate(-3deg)}}@keyframes bounce{0%{transform:translateY(-16px)}to{transform:translateY(16px)}}.skills{display:flex;flex-wrap:wrap;margin:0 -8px 40px}.skills__item{flex:33.333% 0 1;padding:8px 8px 12px}@media screen and (min-width:768px){.skills__item{flex:16.66% 0 1}}.skills__item>div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80px;margin:0 auto;padding:6px;font-size:14px;overflow:hidden;transition:transform .3s}.skills__item>div:hover img{transform:scale(1.2)}.skills__item>div img{transition:transform .3s}.custom-shape-divider{width:121%;overflow:hidden;line-height:0}.custom-shape-divider svg{position:relative;display:block;width:100%;height:50px}@media screen and (min-width:768px){.custom-shape-divider svg{height:100px}}.character{display:inline-block;width:24px;height:24px;overflow:hidden;z-index:10}.character__spritesheet{vertical-align:top;animation:moveSpriteSheet .5s steps(6) infinite;-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}@keyframes moveSpriteSheet{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.about{position:relative;padding-bottom:32px}.scroll-to-top{position:fixed!important;bottom:-3em;right:.5em;transition:all .3s ease;width:40px;height:40px;line-height:0}.scroll-to-top.active{bottom:.5em}@font-face{font-family:"Chubby Choo";src:local("Chubby Choo"),url(/static/media/ChubbyChoo.b56d7d9c.ttf) format("truetype");font-display:swap}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar{display:none}*{box-sizing:border-box;margin:0;outline:none}a,a:hover{color:#209cee}a:hover{transition:all .3s ease}button,input,textarea{padding-top:0!important}.app{font-size:18px;font-family:"Chubby Choo",sans-serif;color:#fff;background:#241e2e;transition:all .5s ease}.app.light{color:#241e2e;background:#fff}@media screen and (min-width:768px){.app{font-size:20px}}.sections{width:100%;overflow-x:hidden;overflow-y:hidden}.section{min-height:100vh}.container{max-width:650px;padding:0 32px;margin:0 auto}.text-center{text-align:center}.text-right{text-align:right}.title{font-size:2em!important;margin-bottom:24px}.border{border-image-slice:2;border-image-width:2;border-image-repeat:space;border-image-outset:2;border-image-source:url(/static/media/border.2cf977a5.svg);border-style:solid;border-width:4px;transition:all .3s ease}.border:hover{transform:translateY(-8px)}.border.dark{border-image-source:url(/static/media/border-white.63acd253.svg);background:#262d38}.m-0{margin:0}.ml-8{margin-left:8px}.ml-16{margin-left:16px}.mx-8{margin-left:8px;margin-right:8px}.mx-16{margin-left:16px;margin-right:16px}.mx-32{margin-left:32px;margin-right:32px}.mb-8{margin-bottom:8px}.mb-32{margin-bottom:32px}.pb-32{padding-bottom:32px}.pt-32,.py-32{padding-top:32px}.py-32{padding-bottom:32px}.is-small{font-size:.6em}.nes-list{padding-left:16px!important;margin-bottom:32px}.nes-list.is-circle li:before{top:.5em}.nes-list.is-circle.dark li:before{color:#eee}.nes-input.light,.nes-textarea.light{background:#262d38;color:#fff}.nes-btn.light,.nes-input.light,.nes-textarea.light{border-image-source:url(/static/media/border-white.63acd253.svg)}.color-green{color:#3cc157}.color-blue{color:#2aa7ff}.color-red{color:#f85f36}.color-yellow{color:#fcbc0f}