@import"https://fonts.googleapis.com/css2?family=Caveat&display=swap";@import"https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap";html{scroll-behavior:smooth}body{margin:0;position:relative;color:#222;background-color:#fff;font-size:24px;font-family:Zen Old Mincho,serif}a{color:#54c7e0}a:visited{color:#79949a}.content{padding:50px 15%}.content-title,.content-text{margin:0 auto}.content h2{font-size:81px;font-family:Caveat,cursive;text-align:center}.content h3{font-size:54px;font-family:Caveat,cursive;text-align:center}.content .pre-text{text-align:center;font-size:18px;opacity:.5}.header-fade{opacity:.2;animation:header-fade .5s ease-out}.header-appear{opacity:1;animation:header-appear .5s ease-out}@keyframes header-fade{0%{opacity:1}to{opacity:.2}}@keyframes header-appear{0%{opacity:.2}to{opacity:1}}a[data-v-9a3d6331]{text-decoration:none;color:#222}.content a[data-v-9a3d6331]{text-decoration:underline}button[data-v-9a3d6331]:hover{cursor:pointer}header[data-v-9a3d6331]{position:fixed;z-index:10;height:70px;width:70%;top:50px;left:15%;display:flex;justify-content:space-between;align-items:center;font-family:Caveat,cursive;background-color:#fff}header #top-button[data-v-9a3d6331]{display:flex;align-items:center;font-size:36px;cursor:pointer}header #top-button img[data-v-9a3d6331]{height:70px;border-radius:50%}nav ul[data-v-9a3d6331]{list-style-type:none;margin:0;padding:0;display:flex;height:30px;align-items:center;border-left:solid 1px #222222;font-size:36px}nav li[data-v-9a3d6331]{padding:0 50px;height:30px;display:flex;align-items:center;border-right:solid 1px #222222}.header-text[data-v-9a3d6331]{position:relative;margin:0}.header-text[data-v-9a3d6331]:after{display:block;content:"";position:absolute;width:100%;height:3px;background:#000;transition:all .5s;transform:scale(0)}.header-text[data-v-9a3d6331]:hover:after{transform:scale(1)}#myVideo[data-v-a804f0f2]{position:fixed;top:0;left:0;min-width:100%;min-height:100%;opacity:1;z-index:-100;background-size:cover;background-repeat:no-repeat}#main[data-v-a804f0f2]{width:70%;margin:0 auto;height:100vh;display:flex;justify-content:space-between;align-items:center;font-family:Caveat,cursive}#main-text[data-v-a804f0f2]{width:60%}#main-text h2[data-v-a804f0f2]{color:#888;font-size:54px}#main-text h1[data-v-a804f0f2]{font-size:90px;margin:0}#main-image[data-v-a804f0f2]{height:256px;width:256px;background-image:url(/portfolio_vue/assets/myicon_circle-aLXKLQIK.ico);background-color:#fff;border-radius:50%;box-shadow:0 0 30px #222}#main #last-name[data-v-a804f0f2]{margin-left:180px}#history-load[data-v-7cbc95a9]{padding-left:100px;border-left:solid 5px #222222}#dot-border-first[data-v-7cbc95a9]{height:50px;border-left:dashed 5px #222222}#dot-border-last[data-v-7cbc95a9]{margin-top:-100px;height:50px;border-left:dashed 5px #222222}#history[data-v-7cbc95a9]{margin-bottom:100px;padding:20px;box-shadow:2px 3px 5px #222;border-radius:20px;position:relative}#month-year[data-v-7cbc95a9]{position:absolute;width:150px;height:50px;text-align:right;font-size:18px;opacity:.8;left:-270px;top:20px}#point-circle[data-v-7cbc95a9]{position:absolute;width:50px;height:50px;background-color:#222;border-radius:50%;left:-127px;top:40px}#history-content-title[data-v-7cbc95a9]{font-size:36px;margin:10px}#about[data-v-a493537f]{margin-bottom:50px;padding:20px;border-radius:20px;box-shadow:2px 3px 5px #222}#about-list[data-v-a493537f]{margin:0 10px;display:flex;align-items:center}#about-list #about-title[data-v-a493537f]{width:100px;margin:0 30px 0 10px}#about-list #about-text[data-v-a493537f]{margin:0 20px 0 10px}#work-content-title[data-v-a040dce7]{font-size:54px;text-align:center;margin:0 auto}.work-company[data-v-a040dce7]{margin:100px 0;padding:20px;box-shadow:2px 3px 5px #222;border-radius:20px}.work-image[data-v-a040dce7]{width:400px;height:400px;margin:0 auto}#black-back[data-v-59b3e8a0]{background-color:#22222240;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:flex;justify-content:center;align-items:center}.project-area[data-v-59b3e8a0]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation:fadeIn-59b3e8a0 .5s}@keyframes fadeIn-59b3e8a0{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.close-dialog-circle[data-v-59b3e8a0]{display:flex;justify-content:center;align-items:center;position:absolute;top:10%;right:10%;width:60px;height:60px;border-radius:50%;background-color:#fff;box-shadow:7px 7px 20px #222;z-index:120}.close-dialog-circle[data-v-59b3e8a0]{cursor:pointer}.close-dialog[data-v-59b3e8a0]{display:block;position:relative;width:40px;height:40px}.close-dialog[data-v-59b3e8a0]:before,.close-dialog[data-v-59b3e8a0]:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:2px;background-color:#000;transform:translate(-50%,-50%)}.close-dialog[data-v-59b3e8a0]:before{transform:translate(-50%,-50%) rotate(45deg)}.close-dialog[data-v-59b3e8a0]:after{transform:translate(-50%,-50%) rotate(-45deg)}.project-frame[data-v-59b3e8a0]{width:60%;height:85%;position:relative;border-radius:20px;background-color:#fff;padding:10px;z-index:110;box-shadow:7px 7px 20px #222}.project-content[data-v-59b3e8a0]{height:100%;overflow-y:scroll}.project-content[data-v-59b3e8a0]::-webkit-scrollbar{background-color:transparent}.project-content[data-v-59b3e8a0]::-webkit-scrollbar-thumb{background-color:#87ceeb;border-radius:10px}#project-content-title-area[data-v-59b3e8a0]{display:flex;justify-content:center;align-items:center}#project-content-title[data-v-59b3e8a0]{display:inline-block;font-size:54px;text-align:left;margin:10px auto}.project-image[data-v-59b3e8a0]{max-width:100%;height:auto;text-align:center;object-fit:contain}.project-description[data-v-59b3e8a0]{flex:1}#projects-detail[data-v-e0c2626e]{margin-bottom:50px}.project-list[data-v-e0c2626e]{display:flex;flex-wrap:wrap;justify-content:space-around}.project-frame[data-v-e0c2626e]{max-width:28%;min-height:200px;margin-bottom:50px;box-shadow:2px 3px 5px #222;border-radius:20px;padding:10px;overflow:hidden;transition:box-shadow .5s}.project-frame[data-v-e0c2626e]:hover{cursor:pointer;box-shadow:7px 7px 20px #222;transition:box-shadow .5s}#project-content-title[data-v-e0c2626e]{font-size:26px;margin:10px auto}.project-image[data-v-e0c2626e]{max-width:100%;height:auto;text-align:center;object-fit:contain}.project-description[data-v-e0c2626e]{flex:1;opacity:.5;font-size:18px}