li[data-v-11c754b9]{list-style:none;color:bisque}.navbar[data-v-11c754b9]{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;position:fixed;top:0;width:100%;height:50px;background-color:#fffad5;z-index:999}.navbar .logo[data-v-11c754b9]{width:25px;height:25x;float:left;margin:auto 1rem}.navbar .logo a[data-v-11c754b9]{display:flex;align-items:flex-end;text-decoration:none}.navbar .logo a img[data-v-11c754b9]{border-radius:4px;width:35px;border-radius:20px;display:inline-block}.navbar .logo a span[data-v-11c754b9]{font-family:Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:600;margin-left:.5rem;min-width:150px;font-size:18px;color:#383838}.navbar .menu .list-menu li[data-v-11c754b9]{float:right;padding:.5rem}.navbar .menu .list-menu li .icon-arrow[data-v-11c754b9]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.navbar .menu .list-menu li a div[data-v-11c754b9]:hover{cursor:pointer}.navbar .menu a[data-v-11c754b9]{font-size:14px;font-weight:600;text-decoration:none}.navbar .menu .stack[data-v-11c754b9]{display:none}@media screen and (max-width:450px){.menu .list-menu[data-v-11c754b9]{display:none}.menu .stack[data-v-11c754b9]{display:flex!important;flex-flow:column nowrap;justify-content:end;align-items:end;margin:.3rem 1rem}.menu .stack .sandwich[data-v-11c754b9]{margin:4px 0;padding:5px;width:20px;color:#fdce1f!important;background-color:#fff!important;text-align:center}.menu .stack .sandwich_open[data-v-11c754b9]{color:#fff!important;background-color:#fdce1f!important}.menu .stack .sandwich_close[data-v-11c754b9]{color:#fdce1f!important;background-color:#fff!important}.menu .stack .stack-menu[data-v-11c754b9]{margin-right:1rem}.menu .stack .stack-menu .items[data-v-11c754b9]{width:40px;height:auto;cursor:pointer;border-bottom:2px solid #fff0bc;padding:.1rem .2rem}}section[data-v-682d407b]{padding:1rem}section .btn[data-v-682d407b]{width:4rem}.contact-main[data-v-682d407b]{display:flex;flex-flow:row wrap;justify-content:space-evenly;margin:1rem}.contact-main .contact .social-link[data-v-682d407b]{max-width:180px;padding:1rem 0}.contact-main .contact .social-link a svg[data-v-682d407b]{margin-right:.3em;margin-top:.3em}.contact-main .contact .social-link a svg[data-v-682d407b]:hover{transform:scale(1.2);transition:.35s ease}.contact-main .my-pic[data-v-682d407b]{height:120px}.contact-main .my-pic img[data-v-682d407b]{height:100%;border-radius:6px}@media screen and (max-width:450px){.contact-main .my-pic img[data-v-682d407b]{height:50%;border-radius:6px}}.container[data-v-5a77d1aa]{display:flex;flex-flow:row wrap;align-items:flex-start;padding:1rem;margin-bottom:2rem}.container .btn[data-v-5a77d1aa]{width:4rem}.container .info-box[data-v-5a77d1aa]{display:flex;flex-flow:row wrap;justify-content:flex-start;margin-left:10%}.container .info-box .pic img[data-v-5a77d1aa]{margin-top:1rem;width:100px;box-shadow:3px 3px 0 #7d94db}.container .info-box .info[data-v-5a77d1aa]{max-width:350px;max-height:260px;width:70%;margin:2rem;background-color:#000}.container .info-box .info .blink[data-v-5a77d1aa]{-webkit-animation:cursor-flicker-5a77d1aa 1s infinite;animation:cursor-flicker-5a77d1aa 1s infinite}.container .info-box .info h3[data-v-5a77d1aa]{margin:0;padding:.5rem;font-family:monospace;font-size:15px;background-color:#fdce1f;box-shadow:3px 3px 0 #4169e1;border-top:2px solid #fff;border-left:2px solid #fff}.container .info-box .info p[data-v-5a77d1aa]{padding:.4rem .5rem;font-family:monospace;font-size:16px;color:#23dc23}@-webkit-keyframes cursor-flicker-5a77d1aa{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes cursor-flicker-5a77d1aa{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media screen and (max-width:450px){.info[data-v-5a77d1aa]{margin-top:10px!important;width:70vw!important}}section[data-v-491c7c09]{position:relative;padding:1rem}section .btn[data-v-491c7c09]{width:4rem}section .burger[data-v-491c7c09]{position:absolute;max-width:180px;width:100%;bottom:0;left:0;transform:translateX(-100%)}section img[data-v-491c7c09]{width:100%}.items[data-v-491c7c09]{position:relative;margin:1rem;margin-top:2rem}.items h3[data-v-491c7c09]{margin:.5rem 0;padding:.5rem;color:#fff;display:inline-block;background-color:#292929;box-shadow:3px 3px 0 #fdce1f;font-weight:400}.items .details-show[data-v-491c7c09]{position:relative;width:100%;overflow:hidden}.items .details-show img[data-v-491c7c09]{max-width:400px;width:100%;border-radius:5px;box-shadow:8px 8px 0 #fdce1f}.items .para[data-v-491c7c09]{position:absolute;bottom:0;right:0;opacity:1;width:140px;background-color:#fffad5;padding:.5rem;border:4px solid #f3af1b;margin-top:5px}.items .para h4[data-v-491c7c09]{text-decoration:underline}.items .para span[data-v-491c7c09]{font-size:12px;font-weight:700;color:#664707;word-break:break-all}.items .para p[data-v-491c7c09]{padding:.3rem 0;color:#3a3535;font-size:14px}@media screen and (max-width:450px){.container .works[data-v-491c7c09]{display:flex;flex-flow:row wrap;align-content:space-between;margin:0 auto;margin-top:1rem}.container .works .para[data-v-491c7c09]{display:none}}section[data-v-12e8882e]{padding:1rem}section .btn[data-v-12e8882e]{width:4rem}.audio_wrap[data-v-12e8882e]{margin:1rem auto;display:flex;justify-content:center;align-items:center;width:100%;max-width:420px;height:80px;background-color:#fff}.audio_wrap .audio_info[data-v-12e8882e]{min-width:80px;width:80px;height:80px;min-height:80px;overflow:hidden;border-right:1px solid #f0f0f0}.audio_wrap .audio_info img[data-v-12e8882e],.audio_wrap .audio_play[data-v-12e8882e]{width:100%;height:auto}.audio_wrap .audio_play audio[data-v-12e8882e]{margin:0 auto;padding:0 1rem;height:32px}.audio_wrap .audio_play p[data-v-12e8882e]{color:#464646;font-size:14px;margin:.5rem 0 0 1rem}@media screen and (max-width:550px){.audio_wrap[data-v-12e8882e]{display:flex;justify-content:center;align-items:center}.audio_wrap .audio_play[data-v-12e8882e]{width:100%;height:80px}.audio_wrap .audio_play audio[data-v-12e8882e]{margin-top:.5rem;width:85%;height:30px}.audio_wrap .audio_play p[data-v-12e8882e]{line-height:15px;font-size:14px}}.wrapper[data-v-46d53a04]{max-width:720px;margin:0 auto;scroll-behavior:smooth}@media screen and (max-width:550px){section[data-v-46d53a04]{width:100%;margin:0 auto}}.pointer[data-v-1a8c8646]{position:absolute;bottom:-20px;right:10px;background:wheat;cursor:pointer}#app{position:relative}div[data-v-7afb25af]{padding:.2em .4em;border-radius:5px;background-color:#fff;box-shadow:3px 3px 0 #271300;font-weight:600}div[data-v-7afb25af]:hover{background-color:#fee37b;cursor:auto}.warpper[data-v-5db0504a]{margin:4rem 2rem;background-color:#ff9e3c}body,html{font-family:Helvetica,Arial,sans-serif;margin:0;padding:0;color:#111;font-size:16px;background:#fdce1f url(/img/bg-coffee.7fc1520a.png) fixed no-repeat 105% 100%/380px}a{list-style:none;color:#111}h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0}.icon{width:2em;height:2em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.icon svg:hover{transform:scale(1.2);transition:.4s ease;background-color:#fdce1f}