div.close-button[data-v-926562aa]{position:absolute;width:20px;height:20px;top:1em;right:1em;cursor:pointer}div.blocks[data-v-926562aa]{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;justify-items:center;gap:2em}div.block[data-v-926562aa]{flex:1;min-width:30%}div.loading[data-v-926562aa]{position:absolute;background-color:#793c06;top:50%;display:flex}div.loading>div[data-v-926562aa]:first-child{width:2em;height:2em;background-color:#4b7e66;position:absolute;top:50%;left:50%;opacity:.7;transform:skew(0,1deg)}div.loading>div[data-v-926562aa]:nth-child(2){width:2em;height:.7em;background-color:#ff09de;position:absolute;top:50%;left:50%;opacity:.8}.slide-fade-enter-active[data-v-926562aa]{transition:all .3s ease}.slide-fade-leave-active[data-v-926562aa]{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter[data-v-926562aa],.slide-fade-leave-to[data-v-926562aa]{transform:translate(10px);opacity:0}.rotate-diagonal-1[data-v-926562aa]{-webkit-animation:rotate-diagonal-1-926562aa 1.5s cubic-bezier(.55,.055,.675,.19) infinite alternate both;animation:rotate-diagonal-1-926562aa 1.5s cubic-bezier(.55,.055,.675,.19) infinite alternate both}@-webkit-keyframes rotate-diagonal-1-926562aa{0%{-webkit-transform:rotate3d(1,1,0,0deg);transform:rotate3d(1,1,0,0)}50%{-webkit-transform:rotate3d(1,1,0,-180deg);transform:rotate3d(1,1,0,-180deg)}to{-webkit-transform:rotate3d(1,1,0,-360deg);transform:rotate3d(1,1,0,-360deg)}}@keyframes rotate-diagonal-1-926562aa{0%{-webkit-transform:rotate3d(1,1,0,0deg);transform:rotate3d(1,1,0,0)}50%{-webkit-transform:rotate3d(1,1,0,-180deg);transform:rotate3d(1,1,0,-180deg)}to{-webkit-transform:rotate3d(1,1,0,-360deg);transform:rotate3d(1,1,0,-360deg)}}html,body{background-color:#793c06;margin:0;overflow:hidden;font-family:Arial,Helvetica,sans-serif}#app{height:-webkit-fill-available;height:stretch;width:100%}h2{text-orientation:upright;writing-mode:vertical-rl;font-family:Long Cang,cursive;font-size:8em;font-weight:400;word-wrap:normal;display:block;font-display:swap}h3{border-bottom:3px solid #4b7e66;color:#2c2f3b;margin-bottom:.5em;padding-bottom:.05em;font-size:2em;font-family:"Noto Serif SC",serif;font-optical-sizing:auto;font-weight:600;font-style:normal}h3 span.en,h4 span.en{font-size:.4em;vertical-align:middle;font-family:Arial,Helvetica,sans-serif}h4{border-bottom:2px solid #70be9a;color:#2c2f3b;margin-top:1em;margin-bottom:.5em;padding-bottom:.1em;font-family:"Noto Serif SC",serif;width:100%;font-optical-sizing:auto;font-weight:500;font-style:normal}h4 span{display:block}p{margin:.25em 0}#mains{width:100%;height:100%;vertical-align:middle;position:relative;max-height:100%;max-width:100%}#logo{width:50px;height:50px;position:absolute;left:400px;top:-25px;z-index:3}#menu{position:absolute;left:300px;top:40px;z-index:10;writing-mode:vertical-rl;text-orientation:upright;color:#fff;border-top:2px solid #4b7e66}#menu ul{padding:0;list-style:none}#menu li{margin:5px 10px}#menu li:hover{background-color:#4b7e66;cursor:pointer;transition:all 1s}.article{position:absolute;left:500px;top:calc(7.5% + 40px);z-index:10;color:#2c2f3b;background-color:#e0e0d0;width:40%;height:65%;padding:2em;transition:display 1s ease-out;overflow-y:scroll;min-width:350px;border-radius:5px}div.article div.close-button:hover{color:#4b7e66;text-decoration:underline}.article::-webkit-scrollbar{width:10px}.article::-webkit-scrollbar-track{background:#4b7e66}.article::-webkit-scrollbar-thumb{background:#333}.article::-webkit-scrollbar-thumb:hover{background:#000}div.close-button{position:absolute;width:20px;height:20px;top:1em;right:1em;cursor:pointer}#main{background-color:#000;width:75%;height:85%;vertical-align:middle;position:absolute;top:7.5%;margin:0;background-position:50% 50%;box-shadow:1px 1px 20px #522804;padding:0;z-index:2;background-size:cover;transition:all .5s}#photo img{width:100%;max-height:100%;position:relative}#nextImg{color:#62a385;cursor:pointer;margin:auto;transition:all .5s}#nextImg span.material-icons{font-size:5em;cursor:pointer}#nextMain{background-color:#1f3e10;width:200px;height:300px;position:absolute;top:7.5%;left:75%;margin:0;background-image:url(../img/01.jpg);background-blend-mode:soft-light;background-position:50% 10%;background-size:cover;box-shadow:1px 1px 20px #522804;padding:0;z-index:0;transition:all .5s;cursor:pointer}#nextMain:hover{background-color:#900ec4;transition:all 1s;cursor:pointer;transform:skew(0,-1deg)}#nextMain:hover #nextImg{color:#ff09de;cursor:pointer;margin:auto;transform:scale(2) translate(3em,50%);transition:all .5s}#previousImg{background-color:#522804;width:150px;height:50px;position:absolute;top:calc(7.5% + 300px);left:75%;margin:0;background-image:url(../img/01.jpg);background-blend-mode:soft-light;background-position:50% 10%;background-size:cover;padding:0;z-index:0;transition:all .5s;cursor:pointer;color:#ee7959}#previousImg:hover{background-color:#ee7959;transition:all 1s;cursor:pointer;transform:skew(0,1deg)}#previousImg:hover span{transform:scale(2) translate(.5em,30%);transition:all .5s}#info{position:absolute;left:2.5%;bottom:6em;margin-left:5px;z-index:5;color:#2c2f3b;background-color:#e0e0d0;opacity:1;width:1em;height:1em;transition:all 1s;overflow:hidden;border-color:#4b7e66;border-width:2px;border-style:solid}#info:hover{opacity:.6;transition:all 1s;width:10em;height:5em;border-width:.5px}#info ul{color:#2c2f3b;list-style-type:none;padding-left:1em;margin-top:5px;padding-top:.5em}#info ul li{margin-left:5px;margin-top:2px}#title{position:absolute;top:.5em;left:calc(75% - 3em - 200px);color:#fff;overflow:visible;overflow-wrap:normal;word-wrap:none;word-break:keep-all;z-index:3;cursor:default}.title-fade{opacity:0}.title-fade-leave{opacity:100;transition:opacity 1s cubic-bezier(1,.5,.8,1)}#title h2 p{line-height:0;margin:0}#title h2 p+p{text-indent:1.5em;margin-right:.9em}.slide-fade-enter-active{transition:all .3s ease}.slide-fade-leave-active{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{transform:translate(10px);opacity:0}#profile{height:100px}div.profile{border-radius:350px;width:100px;height:100px;overflow:hidden;float:left}div.profile img{position:relative;width:300px;left:-120px;top:-60px}#profile div.des{position:relative;left:1em;top:30px;margin:1em 0;text-align:left;height:100px;vertical-align:baseline}.block{clear:both;width:100%;float:right;margin-top:.5em}.block.right h4{text-align:right}.float-right{float:right;display:block}#writing.article{background-color:#68361a;background-color:#e0e0d0;width:40%}#writing.article .vertical{writing-mode:vertical-rl;text-orientation:upright;float:right;display:block}#sketch.article{background-color:#68361a;background-color:#e0e0d0;width:40%}#writing h4,#sketch h4{margin-right:5em}#writing h4 span.time-location,#sketch h4 span.time-location{font-size:.6em;vertical-align:middle}div.block.right h4 span.time-location{text-align:right}.shadow-drop-left{-webkit-animation:shadow-drop-left .4s cubic-bezier(.25,.46,.45,.94) .5s both;animation:shadow-drop-left .4s cubic-bezier(.25,.46,.45,.94) .5s both}@-webkit-keyframes shadow-drop-left{0%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 #0000}to{-webkit-box-shadow:-12px 0 20px -12px rgba(0,0,0,.35);box-shadow:-12px 0 20px -12px #00000059}}@keyframes shadow-drop-left{0%{-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0);box-shadow:0 0 #0000}to{-webkit-box-shadow:-12px 0 20px -12px rgba(0,0,0,.35);box-shadow:-12px 0 20px -12px #00000059}}@media screen and (max-width:920px){.article{left:2em;top:calc(7.5% + 120px);width:50%;height:65%;min-width:350px}h2{font-size:7em}}@media screen and (max-width:750px){#logo{left:15px}#menu{left:10px}h2{font-size:5em}#title{position:absolute;left:calc(75% - 10em)}.article{left:5%;width:80%}}div.close-button[data-v-10e10dbf]{position:absolute;width:20px;height:20px;top:1em;right:1em;cursor:pointer}div.blocks[data-v-10e10dbf]{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;justify-items:center;gap:2em}div.block[data-v-10e10dbf]{flex:1}