@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes highlight{0%{background-color:transparent}to{background-color:rgba(0,0,255,.5)}}*{box-sizing:border-box}::-webkit-scrollbar{-webkit-appearance:none;appearance:none;height:4px;width:4px}::-webkit-scrollbar-track{background:hsla(0,0%,50%,.25);border-radius:4px;box-shadow:inset 1px 1px 2px 0 hsla(0,0%,50%,.5)}::-webkit-scrollbar-thumb{background:hsla(0,0%,50%,.5);border-radius:4px}body,div,h1,h2,h3,h4,h5,h6,html,li,p,ul{font-size:12px;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;overflow-y:hidden;width:100%}body{animation:fade-in 1s forwards;background:#000;color:#fff;opacity:0;overflow-wrap:break-word;text-shadow:2px 2px 4px #000;text-size-adjust:100%;white-space:nowrap}a,a:focus,a:hover{color:#fff;text-decoration:none}#container{height:100%;margin-left:auto;margin-right:auto;max-width:1024px;width:100%}#header{background-color:#000;height:48px;padding:0 8px}#header-combined{float:left;position:relative;text-align:left;width:100%}#header-combined-title{cursor:pointer;display:inline;font-size:16px;height:48px;line-height:48px}#body{background-color:#000;height:calc(100% - 48px - 24px)}#body-menu{height:100%;float:left;padding:32px 0;width:104px}#body-menu-list{list-style:none}#body-menu-list-about,#body-menu-list-contact,#body-menu-list-works{font-size:14px;margin-bottom:12px;width:100%}#body-menu-list-about a,#body-menu-list-contact a,#body-menu-list-works a{display:block;height:100%;padding:0 8px;width:100%}#body-menu-list-about a:before,#body-menu-list-contact a:before,#body-menu-list-works a:before{content:">>";display:inline-block;width:20px}#body-menu-list-about a:hover,#body-menu-list-contact a:hover,#body-menu-list-works a:hover{animation:highlight .25s ease 0s 1 forwards}#body-canvas{position:absolute;z-index:64}#body-content{animation:fade-in 1s forwards;background-color:rgba(0,0,0,.25);float:right;height:100%;overflow-x:hidden;overflow-y:auto;padding:32px 16px;position:relative;white-space:normal;width:calc(100% - 104px);z-index:256}#body-content h2{font-size:24px;padding:160px 16px 0 0;text-align:right}#body-content h3{font-size:14px;text-decoration:underline}#body-content div,#body-content h3{margin-bottom:16px}#body-content div p{margin-bottom:4px}#body-content div p a{color:silver;cursor:pointer;text-decoration:underline}#body-content div p a:focus,#body-content div p a:hover{color:#fff}#body-content div ul{list-style:circle;margin-left:24px}#footer{background-color:#000;height:24px;padding:0 8px}#footer-combined{float:left;position:relative;text-align:center;width:100%}#footer-combined-copyright{display:inline;font-size:12px;height:24px;line-height:24px}@font-face{font-family:__Roboto_Condensed_6bbe9c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b1ffe618c2d1e6aa-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Roboto_Condensed_6bbe9c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8566543b237d01f8-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Roboto_Condensed_6bbe9c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/34a6b77b57cbb888-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Roboto_Condensed_6bbe9c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9e533aab6904561e-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Roboto_Condensed_6bbe9c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7ff3c49beae713a2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Roboto_Condensed_6bbe9c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6e937932b31103aa-s.woff2) format("woff2");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Roboto_Condensed_6bbe9c;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/52db2a4aafb407ce-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Roboto_Condensed_Fallback_6bbe9c;src:local("Arial");ascent-override:104.44%;descent-override:27.48%;line-gap-override:0.00%;size-adjust:88.83%}.__className_6bbe9c{font-family:__Roboto_Condensed_6bbe9c,__Roboto_Condensed_Fallback_6bbe9c;font-style:normal}