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