body{background-image:url(/side-decoration-mobile.svg);background-position:calc(50vw - 384px) 0}@media (width>=768px){body{background-image:url(/side-decoration.svg);background-position:calc(50vw - 1722px) 0}}.myself-link[data-astro-cid-gk5jtqzs]:before,.myself-link[data-astro-cid-gk5jtqzs]:after{content:"";background-color:var(--color-accent);transition:all .3s .3s;display:block;position:absolute}.myself-link[data-astro-cid-gk5jtqzs]:before{width:0;height:4px;top:0;right:0}.myself-link[data-astro-cid-gk5jtqzs]:after{width:0;height:4px;bottom:0;left:0}@media (hover:hover){.myself-link[data-astro-cid-gk5jtqzs]:hover:before,.myself-link[data-astro-cid-gk5jtqzs]:hover:after{width:100%;transition-delay:0s}.myself-link[data-astro-cid-gk5jtqzs]:hover span[data-astro-cid-gk5jtqzs]:before,.myself-link[data-astro-cid-gk5jtqzs]:hover span[data-astro-cid-gk5jtqzs]:after{height:100%;transition-delay:.3s}}.myself-link[data-astro-cid-gk5jtqzs] span[data-astro-cid-gk5jtqzs]:before,.myself-link[data-astro-cid-gk5jtqzs] span[data-astro-cid-gk5jtqzs]:after{content:"";background-color:var(--color-accent);transition:all .3s;display:block;position:absolute}.myself-link[data-astro-cid-gk5jtqzs] span[data-astro-cid-gk5jtqzs]:before{width:4px;height:0;top:0;left:0}.myself-link[data-astro-cid-gk5jtqzs] span[data-astro-cid-gk5jtqzs]:after{width:4px;height:0;bottom:0;right:0}.project-container[data-astro-cid-gk5jtqzs]{width:320px;min-height:320px;transition:min-height .6s ease-in-out;position:relative}.project-box[data-astro-cid-gk5jtqzs]{transition:transform .6s ease-in-out,box-shadow .6s ease-in-out;position:absolute;top:50%}.project-image[data-astro-cid-gk5jtqzs]{z-index:1;cursor:pointer;width:320px;height:320px;left:50%;transform:translate(-50%,-50%)}.project-description[data-astro-cid-gk5jtqzs]{background-color:#eee;width:320px;height:320px;left:50%;transform:translate(-50%,-50%)}.project-logo[data-astro-cid-gk5jtqzs]{opacity:.07;z-index:-1;background-position:50%;background-repeat:no-repeat;background-size:224px;width:100%;height:100%;position:absolute;top:0;left:0}.project-logo[data-astro-cid-gk5jtqzs].project-logo-bmth{background-image:url(/projects/bmth/project-bmth-logo.svg)}.project-logo[data-astro-cid-gk5jtqzs].project-logo-mac{background-image:url(/projects/mac/project-mac-logo.svg)}.project-logo[data-astro-cid-gk5jtqzs].project-logo-hh{background-image:url(/projects/hh/project-hh-logo.svg)}.project-container[data-astro-cid-gk5jtqzs].active{min-height:640px}.project-container[data-astro-cid-gk5jtqzs].active .project-image[data-astro-cid-gk5jtqzs]{transform:translate(-50%,-100%);box-shadow:0 10px 10px #00000040}.project-container[data-astro-cid-gk5jtqzs].active .project-description[data-astro-cid-gk5jtqzs]{transform:translate(-50%)}@media screen and (width>=768px){.project-container[data-astro-cid-gk5jtqzs]{width:768px;min-height:288px}.project-image[data-astro-cid-gk5jtqzs]{width:512px;height:288px;transform:translate(-50%,-50%)}.project-description[data-astro-cid-gk5jtqzs]{width:256px;height:288px;transform:translateY(-50%)}.project-logo[data-astro-cid-gk5jtqzs]{background-size:201.6px}.project-container[data-astro-cid-gk5jtqzs].active{min-height:288px}.project-container[data-astro-cid-gk5jtqzs].active .project-image[data-astro-cid-gk5jtqzs]{transform:translate(-75%,-50%);box-shadow:15px 0 10px #00000040}.project-container[data-astro-cid-gk5jtqzs].active .project-description[data-astro-cid-gk5jtqzs]{transform:translate(50%,-50%)}}@media screen and (width>=1280px){.project-container[data-astro-cid-gk5jtqzs]{width:1248px;min-height:468px}.project-image[data-astro-cid-gk5jtqzs]{width:832px;height:468px}.project-description[data-astro-cid-gk5jtqzs]{width:416px;height:468px}.project-logo[data-astro-cid-gk5jtqzs]{background-size:327.6px}.project-container[data-astro-cid-gk5jtqzs].active{min-height:468px}.project-container[data-astro-cid-gk5jtqzs].active .project-image[data-astro-cid-gk5jtqzs]{box-shadow:20px 0 10px #00000040}}#button-text-start-sm[data-astro-cid-gk5jtqzs],#button-text-end-sm[data-astro-cid-gk5jtqzs],#botton-bg-sm[data-astro-cid-gk5jtqzs],#botton-bg-line-1-sm[data-astro-cid-gk5jtqzs],#botton-bg-line-2-sm[data-astro-cid-gk5jtqzs],#botton-bg-line-3-sm[data-astro-cid-gk5jtqzs],#button-text-start-lg[data-astro-cid-gk5jtqzs],#button-text-end-lg[data-astro-cid-gk5jtqzs],#botton-bg-lg[data-astro-cid-gk5jtqzs],#botton-bg-line-1-lg[data-astro-cid-gk5jtqzs],#botton-bg-line-2-lg[data-astro-cid-gk5jtqzs],#botton-bg-line-3-lg[data-astro-cid-gk5jtqzs],#button-text-start-xl[data-astro-cid-gk5jtqzs],#button-text-end-xl[data-astro-cid-gk5jtqzs],#botton-bg-xl[data-astro-cid-gk5jtqzs],#botton-bg-line-1-xl[data-astro-cid-gk5jtqzs],#botton-bg-line-2-xl[data-astro-cid-gk5jtqzs],#botton-bg-line-3-xl[data-astro-cid-gk5jtqzs]{transition:all .3s}#botton-bg-line-1-sm[data-astro-cid-gk5jtqzs],#botton-bg-line-2-sm[data-astro-cid-gk5jtqzs],#botton-bg-line-3-sm[data-astro-cid-gk5jtqzs],#botton-bg-line-1-lg[data-astro-cid-gk5jtqzs],#botton-bg-line-2-lg[data-astro-cid-gk5jtqzs],#botton-bg-line-3-lg[data-astro-cid-gk5jtqzs],#botton-bg-line-1-xl[data-astro-cid-gk5jtqzs],#botton-bg-line-2-xl[data-astro-cid-gk5jtqzs],#botton-bg-line-3-xl[data-astro-cid-gk5jtqzs]{animation:none}#botton-bg-sm[data-astro-cid-gk5jtqzs]{transform:translate(-170px)}#botton-bg-lg[data-astro-cid-gk5jtqzs]{transform:translate(-145px)}#botton-bg-xl[data-astro-cid-gk5jtqzs]{transform:translate(-195px)}#button-text-end-sm[data-astro-cid-gk5jtqzs],#button-text-end-lg[data-astro-cid-gk5jtqzs],#button-text-end-xl[data-astro-cid-gk5jtqzs]{opacity:0}#botton-bg-line-1-sm[data-astro-cid-gk5jtqzs]{transform:translate(-182px)}#botton-bg-line-2-sm[data-astro-cid-gk5jtqzs]{transform:translate(-194px)}#botton-bg-line-3-sm[data-astro-cid-gk5jtqzs]{transform:translate(-206px)}#botton-bg-line-1-lg[data-astro-cid-gk5jtqzs]{transform:translate(-155px)}#botton-bg-line-2-lg[data-astro-cid-gk5jtqzs]{transform:translate(-165px)}#botton-bg-line-3-lg[data-astro-cid-gk5jtqzs]{transform:translate(-175px)}#botton-bg-line-1-xl[data-astro-cid-gk5jtqzs]{transform:translate(-209px)}#botton-bg-line-2-xl[data-astro-cid-gk5jtqzs]{transform:translate(-223px)}#botton-bg-line-3-xl[data-astro-cid-gk5jtqzs]{transform:translate(-237px)}@keyframes line1-ani-sm{0%{transform:translate(-182px)}25%{transform:translate(-12px)}50%{transform:translate(0)}to{transform:translate(0)}}@keyframes line2-ani-sm{0%{transform:translate(-155px)}25%{transform:translate(-24px)}50%{transform:translate(-12px)}75%{transform:translate(0)}to{transform:translate(0)}}@keyframes line3-ani-sm{0%{transform:translate(-155px)}25%{transform:translate(-36px)}50%{transform:translate(-24px)}75%{transform:translate(-12px)}to{transform:translate(0)}}@keyframes line1-ani-lg{0%{transform:translate(-155px)}25%{transform:translate(-10px)}50%{transform:translate(0)}to{transform:translate(0)}}@keyframes line2-ani-lg{0%{transform:translate(-155px)}25%{transform:translate(-20px)}50%{transform:translate(-10px)}75%{transform:translate(0)}to{transform:translate(0)}}@keyframes line3-ani-lg{0%{transform:translate(-155px)}25%{transform:translate(-30px)}50%{transform:translate(-20px)}75%{transform:translate(-10px)}to{transform:translate(0)}}@keyframes line1-ani-xl{0%{transform:translate(-209px)}25%{transform:translate(-14px)}50%{transform:translate(0)}to{transform:translate(0)}}@keyframes line2-ani-xl{0%{transform:translate(-155px)}25%{transform:translate(-28px)}50%{transform:translate(-14px)}75%{transform:translate(0)}to{transform:translate(0)}}@keyframes line3-ani-xl{0%{transform:translate(-155px)}25%{transform:translate(-42px)}50%{transform:translate(-28px)}75%{transform:translate(-14px)}to{transform:translate(0)}}@media screen and (hover:hover){svg[data-astro-cid-gk5jtqzs]:hover #button-text-start-sm[data-astro-cid-gk5jtqzs]{transition-delay:0s;transform:translateY(30px)}svg[data-astro-cid-gk5jtqzs]:hover #button-text-start-lg[data-astro-cid-gk5jtqzs]{transition-delay:0s;transform:translateY(25px)}svg[data-astro-cid-gk5jtqzs]:hover #button-text-start-xl[data-astro-cid-gk5jtqzs]{transition-delay:0s;transform:translateY(35px)}svg[data-astro-cid-gk5jtqzs]:hover #botton-bg-sm[data-astro-cid-gk5jtqzs],svg[data-astro-cid-gk5jtqzs]:hover #botton-bg-lg[data-astro-cid-gk5jtqzs],svg[data-astro-cid-gk5jtqzs]:hover #botton-bg-xl[data-astro-cid-gk5jtqzs]{transition-delay:.3s;transform:translate(0)}svg[data-astro-cid-gk5jtqzs]:hover #button-text-end-sm[data-astro-cid-gk5jtqzs],svg[data-astro-cid-gk5jtqzs]:hover #button-text-end-lg[data-astro-cid-gk5jtqzs],svg[data-astro-cid-gk5jtqzs]:hover #button-text-end-xl[data-astro-cid-gk5jtqzs]{opacity:1;transition-delay:.6s}svg[data-astro-cid-gk5jtqzs]:hover #botton-bg-line-1-sm[data-astro-cid-gk5jtqzs]{animation:1.2s .6s forwards line1-ani-sm}svg[data-astro-cid-gk5jtqzs]:hover #botton-bg-line-2-sm[data-astro-cid-gk5jtqzs]{animation:1.2s .6s forwards line2-ani-sm}svg[data-astro-cid-gk5jtqzs]:hover #botton-bg-line-3-sm[data-astro-cid-gk5jtqzs]{animation:1.2s .6s forwards line3-ani-sm}svg[data-astro-cid-gk5jtqzs]:hover #botton-bg-line-1-lg[data-astro-cid-gk5jtqzs]{animation:1.2s .6s forwards line1-ani-lg}svg[data-astro-cid-gk5jtqzs]:hover #botton-bg-line-2-lg[data-astro-cid-gk5jtqzs]{animation:1.2s .6s forwards line2-ani-lg}svg[data-astro-cid-gk5jtqzs]:hover #botton-bg-line-3-lg[data-astro-cid-gk5jtqzs]{animation:1.2s .6s forwards line3-ani-lg}svg[data-astro-cid-gk5jtqzs]:hover #botton-bg-line-1-xl[data-astro-cid-gk5jtqzs]{animation:1.2s .6s forwards line1-ani-xl}svg[data-astro-cid-gk5jtqzs]:hover #botton-bg-line-2-xl[data-astro-cid-gk5jtqzs]{animation:1.2s .6s forwards line2-ani-xl}svg[data-astro-cid-gk5jtqzs]:hover #botton-bg-line-3-xl[data-astro-cid-gk5jtqzs]{animation:1.2s .6s forwards line3-ani-xl}}