#playBgm{position:fixed;overflow:visible;top:5%;right:5%;border:none;width:10px;height:10px;background-image:url(/ImgThumbNail/musicIcon.png);background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;padding:12px}#playBgm:hover{border:3px solid red}canvas{position:fixed}canvas,div{top:0;left:0}div{height:200%;width:100%;z-index:1;background-color:transparent}div,section{position:relative}section{display:flex;align-items:center;height:100vh;font-family:Courier New,Courier,monospace;color:#ffeded;padding-left:10%;padding-right:10%}.fakeRounter{font-size:30px}.fakeRounter,.worldPortal{background:none;text-decoration:none;color:#fff;font-family:Courier New,Courier,monospace;border:none;padding:10px}.worldPortal{font-size:20px}.worldPortal:hover{color:red}#Welcome{justify-content:flex-end}#Enter{background:none;color:#fff;font-family:Courier New,Courier,monospace;border:none;font-size:30px;margin-top:200px;padding:10px}#Enter:hover{border-bottom:1px solid red;color:red;cursor:pointer}#mainView{height:100vh;display:grid;gap:50px;grid-template-columns:30% 70%;grid-template-rows:100vh}#Navigation{grid-column-start:1;grid-column-end:2}#Navigation,.content{grid-row-start:1;grid-row-end:2}.content{grid-column-start:2;grid-column-end:3}#siteTitle{font-size:40px}#NavButton{display:block;background:none;text-decoration:none;color:#fff;font-family:Courier New,Courier,monospace;border:none;font-size:30px;padding:10px}#NavButton:focus,#NavButton:hover{border-left:1px solid red;color:red}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#fff}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media only screen and (max-width:1000px){#mainView{height:100vh;display:block;padding:20px}#siteTitle{font-size:30px}#NavButton{font-size:20px}#Navigation,.content{grid-column-start:1;grid-column-end:2;grid-row-start:1;grid-row-end:2}}#Gallery{height:80%;overflow-y:scroll;display:flex;flex-wrap:wrap;align-items:center}li{display:inline-flex;width:30%;list-style-type:none;margin:1.5%}#videoItem{width:95%}ul{display:inline;list-style-type:none;padding-inline-start:0}img{width:100%;border:1px solid red}img:hover{cursor:pointer}.GallerySubTitle{padding:10px;border-left:1px solid red;width:100%}[data-v-67c4b28a]::-webkit-scrollbar{width:8px}[data-v-67c4b28a]::-webkit-scrollbar-track{background:#000}[data-v-67c4b28a]::-webkit-scrollbar-thumb{background:red}#AboutMe{margin-top:100px;height:60%;overflow-y:scroll}#portrait{width:20%;border:none;float:left;margin:50px;margin-left:0}#portraitC{width:30%;border:none;float:right;border-radius:80%;margin-left:50px;margin-bottom:100%}.intro-text{line-height:47px}mark{color:red;background:none;font-size:20px}@media only screen and (max-width:1000px){#portrait{border:none}#portrait,#portraitC{width:60%;margin:10%;margin-left:50%;transform:translateX(-50%)}#portraitC{border-radius:0;border:none}}#projectList{display:flex;flex-wrap:wrap;align-items:flex-start;height:80%;overflow-y:scroll}.projectCard{background:none;background-color:rgba(0,0,0,.23);padding:10px;width:30%;color:#fff;font-size:25px;border:none;border:1px solid red;font-family:Courier New,Courier,monospace;margin:1.5%;cursor:pointer}.projectCard:hover{color:red}.projectCard h2{font-size:25px}.projectCard h3{font-size:15px;color:#75ce68}.projectCard p{font-size:20px}.projectImg{border:1px solid #fff;width:50%}.categoryTitle{padding:10px;border-left:1px solid red;width:100%}.Tag{background:none;background-color:rgba(0,0,0,.23);width:-moz-fit-content;width:fit-content;font-size:15px;border:none;border-bottom:1px solid red;font-family:Courier New,Courier,monospace;margin:1.5%;cursor:pointer;font-weight:700;color:#fff;padding:10px}.Tag:hover{cursor:pointer;background:red;border:2px solid red}.Tag:focus{background:red;color:#fff}.TagZone{align-content:center;text-align:center;width:100%;height:-moz-fit-content;height:fit-content}@media only screen and (max-width:1000px){.projectCard{width:80%;margin:5%}#Gallery,#projectList{margin-top:8%!important}#projectList{height:-webkit-fill-available}.projectContent{display:block;margin-top:8%!important;height:-webkit-fill-available!important}iframe{width:80%}li{width:45%}}#Pub{height:80%;overflow-y:scroll}.PubList{padding-top:20px;height:-moz-fit-content;height:fit-content;border-bottom:1px solid #fff}.PubTitle{font-size:25px;font-weight:700;color:red;text-decoration:none}.PubTitle:hover{text-decoration:underline}#CV{height:80%;overflow-y:scroll;padding:10px;background-color:rgba(0,0,0,.349)}.CVSec{height:-webkit-fill-available;padding-top:20px}#CVList{margin-top:0;margin-bottom:10px;display:inline-block;width:100%;margin:0;padding:0;padding-top:10px}.CVTitle{font-weight:700;color:red;margin-bottom:0}strong{font-weight:bolder}#DownloadCV{font-size:25px;color:#ffae00;text-decoration:none;font-weight:900;padding:5px;border:2px solid #ffae00;margin-top:10px}#DownloadCV:hover{border:4px solid #ffae00}@media only screen and (max-width:1000px){.CVSec{margin-top:8%!important;height:-webkit-fill-available;overflow-y:scroll;background-color:rgba(0,0,0,.349)}#CV{background-color:transparent}}.projectTitle{font-size:30px}.projectSubTitle{font-weight:100}.projectContent{height:80%;overflow-y:scroll;padding:10px;padding-right:30px}.projectContent p{padding-right:50px}figcaption,p{overflow-wrap:break-word;word-wrap:break-word}.projectContent img{width:60%;border:none;margin-left:0;margin-right:10px}.projectContent a{color:#0ff}.playOnline{color:#fff;background-color:red;padding:10px}.playOnline:hover{color:red;cursor:pointer;background:none;border:2px solid red}li[data-v-0dbe83bc],ul[data-v-0dbe83bc]{list-style-type:square}li[data-v-0dbe83bc]{display:list-item;width:auto}img[data-v-4ca00ccf]{align-self:center;display:block;margin-left:auto;margin-right:auto}a[data-v-4ca00ccf]{color:#fff;text-decoration:none}a[data-v-4ca00ccf]:hover{color:red;text-decoration:underline}button[data-v-4ca00ccf]{margin-left:auto;margin-right:auto;text-decoration:none;background:none;color:red;position:fixed;left:90%;bottom:10%}button[data-v-4ca00ccf]:hover{text-decoration:none;background:#5f9ea0}.arrow[data-v-4ca00ccf]{border:solid red;border-width:0 3px 3px 0;display:inline-block;padding:3px;color:red}.down[data-v-4ca00ccf]{transform:rotate(45deg);-webkit-transform:rotate(45deg)}