/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.fullScreen{height:100%;width:100%;position:fixed;left:0;top:0}a{text-decoration:none}.h1{font-weight:800;font-size:8.5vmax}.h15{font-weight:800;font-size:3.5vmax}.h2{font-size:2.25vmax;font-weight:600}.h25{font-size:2vmax;font-weight:600}.h3{font-size:1.75vmax;font-weight:600}.h35{font-size:1.3vmax;font-weight:600}.h4{font-size:1.15vmax;font-weight:600}.newh{margin:0}.font-regular{font-weight:400}.absolute-middle{position:absolute;top:0;left:0;right:0;bottom:0}.margin-middle{margin:0 auto}.main{height:100%;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;padding:0 2vmin}.main>*{width:100%}.main.main-center{place-content:center flex-start}.demo{margin:0 .3vmax;border:2px solid #270031;border-radius:1vmax;font-size:.8vmax;height:1vmax;padding:.05vmax .3vmax;opacity:.8}.nav-bar{position:absolute;top:0;left:0;display:flex;justify-items:end;align-items:center;flex-direction:row;box-sizing:border-box;justify-content:flex-end;padding:1vmin 2vmin}.nav-button{font-size:1.2vmax;position:relative;display:block;padding:.5vmin 2vmin;color:#0009;opacity:.45;border-radius:5px}.nav-button>svg{margin-top:.2vmax;width:1.3vmax;height:1.3vmax}.nav-button:hover{opacity:1;background-color:#0000000f}html,body{font-family:Sen,PingFang SC,Microsoft YaHei,sans-serif;box-sizing:border-box;width:100%;height:100vh;font-size:1vmax;color:#270031}#app,#threejs,#background{height:100%;width:100%;position:fixed;left:0;top:0}#background{z-index:-2;background:#a0eee1}#threejs{z-index:-1;transition:all .3s}#app{z-index:1;visibility:visible!important}#wapper{height:400vh}#app>div[id^=page]{box-sizing:border-box;display:flex;height:100%;width:100%}#right-nav{position:absolute;top:0;left:0;display:flex;justify-items:end;align-items:center;flex-direction:row;box-sizing:border-box;justify-content:flex-end;padding:1vmin 2vmin;right:0;z-index:2;left:unset;position:fixed;padding:1vmin 2vmin 1vmin 0}#right-nav a{font-size:1.2vmax;position:relative;display:block;padding:.5vmin 2vmin;color:#0009;opacity:.45;border-radius:5px}#right-nav a>svg{margin-top:.2vmax;width:1.3vmax;height:1.3vmax}#right-nav a:hover{opacity:1;background-color:#0000000f}#page1 nav{position:absolute;top:0;left:0;display:flex;justify-items:end;align-items:center;flex-direction:row;box-sizing:border-box;justify-content:flex-end;padding:1vmin 2vmin;width:100%}#page1 nav a,#page1 nav .select{font-size:1.2vmax;position:relative;display:block;padding:.5vmin 2vmin;color:#0009;opacity:.45;border-radius:5px}#page1 nav a>svg,#page1 nav .select>svg{margin-top:.2vmax;width:1.3vmax;height:1.3vmax}#page1 nav a:hover,#page1 nav .select:hover{opacity:1;background-color:#0000000f}#page1 nav .select{opacity:1;padding:0}#page1 nav .select .options{display:none;position:absolute;bottom:0;left:50%;padding:1vmin;transform:translate(-50%) translateY(100%);background-color:#00000008;white-space:nowrap}#page1 nav .select:hover .options{display:block}#page1 .selfIntro .detail{max-width:30vmax;margin-top:0;margin-bottom:0;line-height:1.414}#page1 .selfIntro .state{margin:0 auto 1vmin}#page1 .skill-icons>svg{max-width:3.5vmin;filter:grayscale(1) brightness(.85);margin-right:.5vw;transition:all .3s}#page1 .skill-icons>svg:hover{filter:grayscale(0)}#page2 #why-font{line-height:1.6;max-width:45vmax}#page2 #why-font p{margin-top:.6vmax;margin-bottom:.6vmax}#page3 #myworks{position:relative}#page3 #myworks .title{text-align:center;z-index:5}#page3 #myworks .workbox{margin:0 auto;width:90vw;height:50vh;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;display:flex;overflow-x:visible;overflow-y:visible}#page3 #myworks .workbox .workItem{position:relative}#page3 #myworks .workbox .workItem .item-title{font-size:2vmax;font-weight:600;position:relative;z-index:4;padding:3vmax;margin:2vmax 1vmax}#page3 #myworks .workbox .workItem .preview{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s ease-in-out}#page3 #myworks .workbox .workItem .preview img{max-width:30vmax}#page3 #myworks .workbox .workItem a{text-decoration:none;color:#270031}#page4 #more .title{margin-bottom:0}#page4 #more .subsites{width:auto;display:grid;grid-template-columns:repeat(2,auto)}#page4 #more .subsites a{margin:0 2vmax 0 1vmax;text-decoration:none;color:#270031;position:relative}#page4 #more .subsites a.no-padding{margin-left:0}#page4 #more .subsites a:after{content:"";position:absolute;z-index:-1;top:60%;left:-.1em;right:-.1em;bottom:0;transition:top .2s cubic-bezier(0,.8,.13,1);background-color:#4fc08d80}#page4 #more .subsites a:hover:after{top:0%}.dark-mode-enable{color:#e7e7e7;transition:color .3s}.dark-mode-enable #page4 #more .subsites a{color:#e7e7e7}.dark-mode-enable #page4 #more .subsites a:after{background-color:#4fc08d80}.dark-mode-enable #background{background:#002424}.dark-mode-enable .options{background-color:#ffffff08;transition:color .3s}.dark-mode-enable .nav-button{color:#e7e7e7!important}.dark-mode-enable .nav-button:hover{background-color:#ffffff0f!important}.dark-mode-enable .demo{border-color:#e7e7e7}.dark-mode-enable .workItem .item-title{color:#e7e7e7!important}#totop{position:absolute;width:7vmax;height:7vmax;left:87.5vw;top:387.5vh;transform:translate(-50%,-50%)}