[data-v-23771522]{box-sizing:border-box}.main[data-v-23771522]{width:100%;height:100vh;background-color:#f2f6ed;display:flex;align-items:center;justify-content:end}@media screen and (max-width:780px){.main[data-v-23771522]{justify-content:center}}.main .wrapper[data-v-23771522]{width:70vw;font-size:4vw;padding:5%;display:flex;flex-direction:column}@media screen and (max-width:780px){.main .wrapper[data-v-23771522]{font-size:20px;padding:2%}}.main .wrapper div[data-v-23771522]{padding-top:24px;opacity:0;transition:opacity .8s ease-in-out}.main .wrapper div.isShow[data-v-23771522]{opacity:1}.main .wrapper div a[data-v-23771522]{color:#83837c}.main .wrapper div a[data-v-23771522]:hover{color:#08a8e6}[data-v-5cfa8d24]{box-sizing:border-box}.navbar[data-v-5cfa8d24]{position:fixed;z-index:9;opacity:0;transition:opacity .8s ease-in-out}.navbar.isShow[data-v-5cfa8d24]{opacity:1}.wrapper[data-v-5cfa8d24]{background-color:#f2f6ed;position:absolute;font-size:16px}.wrapper .top[data-v-5cfa8d24]{font-size:30px}.wrapper .logo img[data-v-5cfa8d24]{height:50px;border-radius:50%}.wrapper .describe[data-v-5cfa8d24]{color:#83887c;text-align:center;line-height:1.5}.wrapper a[data-v-5cfa8d24]{color:#000;text-decoration:none}.wrapper a[data-v-5cfa8d24]:hover{color:#08a8e6}.wrapper ul[data-v-5cfa8d24]{padding:8px}.wrapper ul li[data-v-5cfa8d24]{text-align:center;padding:4px}.wrapper .footer .btns[data-v-5cfa8d24]{display:flex;align-items:center;justify-content:space-around;padding:30px}@media screen and (max-width:780px){.wrapper[data-v-5cfa8d24]{width:100vw}.wrapper .top[data-v-5cfa8d24]{display:flex;justify-content:space-between;align-items:center;height:10vh;padding:0 30px}.wrapper .middle[data-v-5cfa8d24]{display:none}.wrapper .middle.showMore[data-v-5cfa8d24]{height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:start;border-bottom:1px solid #83887c}.wrapper .middle.showMore .describe[data-v-5cfa8d24]{width:80vw}.wrapper .footer[data-v-5cfa8d24]{display:none}.wrapper .footer.showMore[data-v-5cfa8d24]{display:block;height:60vh}.wrapper .footer.showMore .project[data-v-5cfa8d24]{display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:10px 20px}.wrapper .footer.showMore .project .describe[data-v-5cfa8d24]{padding:10px 20px;width:80vw}}@media screen and (min-width:780px){.wrapper[data-v-5cfa8d24]{height:100vh;width:30vw;border-right:1px solid #83887c;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:5vh 0}.wrapper .top .logo img[data-v-5cfa8d24]{height:100px}.wrapper .top .navbtn[data-v-5cfa8d24]{display:none}.wrapper .middle[data-v-5cfa8d24]{flex:1;width:235px}.wrapper .footer .project[data-v-5cfa8d24]{margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:235px}}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}