@font-face{font-family:Noto-Sans-JP;src:url(/assets/NotoSansJP-ExtraBold-BQWDaOOZ.ttf)}:root{background-color:#000;-webkit-text-fill-color:white;font-family:Noto-Sans-JP,sans-serif;overflow-y:hidden}.home-page{position:relative;min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.background{position:absolute;inset:0;z-index:0;overflow:hidden}.top-title{font-family:Impact,sans-serif!important;position:absolute;left:50%;transform:translate(-50%);width:70%;text-align:center;z-index:10;top:auto;background-color:#141414b4}.top-title h1{margin-top:1rem;margin-bottom:0;font-size:78px;font-weight:400!important;line-height:1;letter-spacing:.2rem}.subtitle{font-family:system-ui;font-size:clamp(1rem,2vw,2rem);font-weight:400;margin-top:.1rem;margin-bottom:1rem;letter-spacing:.3;animation-delay:.4s;opacity:70%;color:#fff;z-index:10;text-transform:uppercase}.about-content{font-family:Noto-Sans-JP!important;line-height:1.4;font-size:clamp(.7rem,1vw,1.1rem);font-weight:400;color:#ffffffd9;max-width:950px;margin:0 auto}.about-content p{margin-bottom:1.5rem}.about-content code{background-color:#424242;color:#000!important;border-radius:.3em;padding:2px 3px 4px;white-space:nowrap}.button-group{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}@media(max-width:768px){:root{overflow:auto}.button-group{flex-direction:column;align-items:center}}.home-links{margin-bottom:1rem;display:flex;justify-content:center;gap:1rem}.home-links a{color:#fff;transition:transform .2s ease}.home-links a:hover{transform:scale(1.3);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn-animation{animation:1.5s fadeIn}.portfolio-button:after,.portfolio-button:before{border:0 solid;box-sizing:border-box}.portfolio-button{-webkit-tap-highlight-color:transparent;-webkit-appearance:button;background-color:#000;background-image:none;color:#fff;cursor:pointer;font-family:Impact;font-size:100%;line-height:1.5;margin:0;padding:0;text-transform:uppercase}.portfolio-button:disabled{cursor:default}.portfolio-button:-moz-focusring{outline:auto}.portfolio-button svg{display:block;vertical-align:middle}.portfolio-button [hidden]{display:none}.portfolio-button{border:1px solid;overflow:hidden;padding:2rem 10rem;position:relative;text-align:center;z-index:10000;animation-delay:.8s;animation-fill-mode:both;pointer-events:auto}.portfolio-button span{mix-blend-mode:difference;position:relative;font-size:2.5rem;letter-spacing:.2rem}.portfolio-button:before{background-color:#00f;background-size:.3rem .3rem;content:"";inset:0;position:absolute;transform:translateY(-100%);transition:transform .4s}.portfolio-button:hover:before{transform:translateY(0)}