.main-header[data-v-00ea77e3]{height:60px;color:#333;display:flex;align-items:center;justify-content:space-between;margin-top:15px;background-color:#fff}.header-bg[data-v-00ea77e3]{width:100%;height:60px;background-color:#fff;position:absolute;border-top:1px solid #aaa;border-bottom:1px solid #aaa}.header-content[data-v-00ea77e3]{display:flex;align-items:center;justify-content:center;width:100%}.logo[data-v-00ea77e3]{width:120px}.logo-container[data-v-00ea77e3]{margin-top:28px;width:120px;height:120px}.calendar-container[data-v-00ea77e3]{margin-right:10px;right:140px;width:30px;height:30px}.date-time[data-v-00ea77e3]{z-index:1s}.date-time-now[data-v-00ea77e3]{display:block}.timebox[data-v-00ea77e3]{z-index:1}.menu[data-v-00ea77e3]{z-index:1;display:flex;justify-content:center;width:calc(100% - 265px);transition:transform .3s ease}.menu-items[data-v-00ea77e3]{padding-left:0;list-style:none;display:flex;gap:30px;margin-bottom:0;color:#555;font-size:14px}.menu-item[data-v-00ea77e3]{cursor:pointer;position:relative}.menu-item[data-v-00ea77e3]:after{background:#000;bottom:-1px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease-out;width:0}.date-time[data-v-00ea77e3]{font-size:smaller;font-weight:700;margin-right:20px;display:flex}.menu-toggle[data-v-00ea77e3]{display:none;background:none;border:none;cursor:pointer;padding:0;width:100%}.menu-icon[data-v-00ea77e3]{display:inline-block;width:24px;height:24px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAA2dJREFUeF7tnTFoU1EYhb+bqoiTo6OC4FBsXxR3RV3UpYJOLgVRFHRxKE7WtTgpgjqIIE6KCgqCOnQWMamgk4guDh1UKK69EiRt0iRULtzmvJfTLWnufef/vp6mLdy+gD+kCASpNA6DhYh9EViIhYgREIvjhliIGAGxOG6IhYgREIvjhliIGAGxOG6IhYgREIvjhpRBSHzHDsbYSY2tYnmrEWeMJeBrmODX2oF6GhIbzBK4Vo3J5ae4FwrOd6bsEhKbvAaOyo9RrYCXQ8Gt9kgrQmKD4wReVmvWkkwT2RXqfGulXRWywEUit0syQrViRqZDnQfdQhqcI3C3WpOWZJrImVDnUbeQDxyhxpuSjFClmD/YzN4wzs8uIa0HsclTYKpK08rPErke6sz2vKm3n4gLnGWZGQK75Ycpd8BPRJ50yuhpSOd8sUEBbC/3zKLpt7AYxvncL53/dCLmzEIsRIyAWBw3xELECIjFcUMsRIyAWBw3xELECIjFcUMsRIyAWBw3xELECIjFcUMsRIyAWBw3xELECIjFcUMsRIyAWBw3xELECIjF6dsQH0fIbMnHETIDTt/exxHS2WVb6eMI2dCmbuzjCKnkMq3rexzB50My0f6PbQecD/EJqv9gl+Ul/b5ltS7kM4ZZcK+36VwomGm/yKdw18OV9/N3QsGFzkv4F8O8wAft/oca38Mki2tf4L9lDUfIwKtaiIWIERCL44ZYiBgBsThuiIWIERCL44ZYiBgBsThuiIWIERCL44ZYiBgBsThuiIWIERCL44ZYiBgBsThuiIWIERCL44ZYiBgBsThuiLqQ2OAUgavAHmCbWN5qxAksEVkAWscRHnYO1X13BN+qYuOFL3Ms7ONV+8Kd/4z/MJG3G59oxK8Y+QIcCHV+t0isCvnINMvcH3E8wxk/MhXqPO8W0uQKcGM4iUb8qjVmwgRza4WcAF6MOJphjX8yFDzrEtJ6EBu8J7B/WKlG8rqBx2GS0z1v6u0nYpObwKWRhLPxQ8+HgkMDf+xdkfLvzggHfXeETIZqLLKJ+X53SPBv6pmYp25rIankMq2zkExgU7e1kFRymdZZSCawqdtaSCq5TOssJBPY1G0tJJVcpnUWkgls6rYWkkou0zoLyQQ2dVsLSSWXaZ2FZAKbuq2FpJLLtO4vdZaQZe7E1EwAAAAASUVORK5CYII=);background-size:contain}@media (max-width:575px){.main-header[data-v-00ea77e3]{padding:0;margin-top:0}.header-bg[data-v-00ea77e3]{width:100%;z-index:10}.date-time[data-v-00ea77e3],.logo[data-v-00ea77e3]{z-index:11}.menu-toggle[data-v-00ea77e3]{display:block;z-index:11}.menu[data-v-00ea77e3]{position:absolute;top:60px;left:0;width:100%;background:#fff;transform:translateY(-100%);transition:transform .3s ease;z-index:9}.menu-open[data-v-00ea77e3]{transform:translateY(0);z-index:9;box-shadow:0 1px 3px rgba(0,0,0,.1)}.menu-items[data-v-00ea77e3]{flex-direction:column;align-items:center;gap:0;width:100%}.menu-item[data-v-00ea77e3]{padding:20px 0;width:100%}.menu-item[data-v-00ea77e3]:hover{border-bottom:none}.menu-item[data-v-00ea77e3]:active{background-color:#ddd}}@media (min-width:576px){.menu-item.active[data-v-00ea77e3]{border-bottom:1px solid #555}.menu-item[data-v-00ea77e3]:hover:after{width:100%}}@media (max-width:575px) and (orientation:portrait){.main-header[data-v-00ea77e3]{padding:0}}.info-page[data-v-38c0f8e7]{display:flex;align-items:center;justify-content:flex-end;width:100%;height:100%;position:relative}.home-content[data-v-38c0f8e7]{max-width:300px;text-align:left;background:rgba(0,0,0,.5);box-shadow:3px 3px 6px 0 rgba(0,0,0,.2);border-radius:10px;min-width:220px;width:50%;margin-right:8%}.content-top[data-v-38c0f8e7]{display:flex;margin-bottom:20px;padding:20px;background-color:hsla(0,0%,100%,.5);border-radius:10px 10px 0 0}.avatar[data-v-38c0f8e7]{width:100px;aspect-ratio:1;border-radius:50%;border:3px solid #fff;align-self:center;overflow:hidden}.avatar-Container[data-v-38c0f8e7]{width:102px;height:102px;top:-3px;left:-3px;position:relative}.myname-job[data-v-38c0f8e7]{width:calc(100% - 100px);color:#fff;padding:10px;align-self:center}.myname[data-v-38c0f8e7]{font-size:18px}.myjob[data-v-38c0f8e7]{font-size:14px;color:hsla(0,0%,100%,.8)}.about-details[data-v-38c0f8e7]{margin-top:20px;padding:20px}.detail-item[data-v-38c0f8e7]{color:#fff;display:flex;align-items:center;margin-bottom:10px}.detail-item a[data-v-38c0f8e7]:hover,.detail-item span[data-v-38c0f8e7]:hover{animation:moveUp-38c0f8e7 .3s ease-in-out forwards}@keyframes moveUp-38c0f8e7{0%{transform:translateY(0);text-shadow:0 0 0 #000}to{transform:translateY(-2px);text-shadow:3px 3px 0 #000}}.detail-item img[data-v-38c0f8e7]{width:20px;height:20px;margin-right:10px}.detail-item a[data-v-38c0f8e7]{color:#fff;text-decoration:none}@media (orientation:portrait){.bgcolor[data-v-38c0f8e7]{width:calc(100% - 80px);left:40px;top:0}}@media (max-width:575px) and (orientation:portrait){.avatar[data-v-38c0f8e7]{width:80px}.content-top[data-v-38c0f8e7]{padding:5px;margin-bottom:0}.about-details[data-v-38c0f8e7]{padding:5px;margin-top:0}.detail-item[data-v-38c0f8e7]{margin-bottom:2px}.info-page[data-v-38c0f8e7]{justify-content:center}.home-content[data-v-38c0f8e7]{margin:0}}.other-skills[data-v-5523e38e]{width:calc(100% - 60px);height:100%;flex-direction:row;display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:center;padding:30px;margin:auto}.headline[data-v-5523e38e]{width:100%;text-shadow:6px 6px 4px rgba(88,52,23,.364);border-bottom:1px solid #fff;line-height:40px;border-radius:20px 20px 0 0;color:#fff;animation:headline-5523e38e .3s ease-in forwards}.skillblock[data-v-5523e38e]{width:30%;margin:10px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:skillblock-5523e38e .3s ease-in-out forwards}.skillblock img[data-v-5523e38e]{width:80%;aspect-ratio:1}@keyframes skillblock-5523e38e{0%{box-shadow:none}to{box-shadow:10px 10px 4px rgba(88,52,23,.364),-2px -2px 4px hsla(0,0%,100%,.364),2px 2px 4px hsla(0,0%,100%,.364)}}@keyframes headline-5523e38e{0%{transform:translateY(30px);background-color:transparent}to{transform:translateY(0);background-color:rgba(0,0,0,.2)}}.web-skills[data-v-cbea8016]{width:calc(100% - 60px);height:100%;flex-direction:row;display:flex;justify-content:space-evenly;flex-wrap:wrap;align-items:center;padding:30px;margin:auto}.headline[data-v-cbea8016]{width:100%;text-shadow:6px 6px 4px rgba(88,52,23,.364);border-bottom:1px solid #fff;line-height:40px;border-radius:20px 20px 0 0;color:#fff;animation:headline-cbea8016 .3s ease-in forwards}.skillblock[data-v-cbea8016]{width:30%;margin:10px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:skillblock-cbea8016 .3s ease-in-out forwards}.skillblock span[data-v-cbea8016]{font-family:sans-serif;font-size:1.7rem;color:#333;font-weight:900;text-shadow:6px 6px 4px rgba(88,52,23,.364);animation:skillblock2-cbea8016 .6s ease-in-out forwards;animation-delay:.4s}@keyframes skillblock-cbea8016{0%{box-shadow:none}to{box-shadow:10px 10px 4px rgba(88,52,23,.364),-2px -2px 4px hsla(0,0%,100%,.364),2px 2px 4px hsla(0,0%,100%,.364)}}@keyframes skillblock2-cbea8016{to{text-shadow:none}}@keyframes headline-cbea8016{0%{transform:translateY(30px);background-color:transparent}to{transform:translateY(0);background-color:rgba(0,0,0,.2)}}@media (max-width:575px) and (orientation:portrait){.skillblock span[data-v-cbea8016]{font-size:1rem}}.tabs[data-v-14f14156]{display:flex;flex-direction:column;gap:10px;width:100%}.tab-item[data-v-14f14156]{background:#ffd000;border:0;box-shadow:2px 2px 2px 0 rgba(0,0,0,.3);border-radius:50%;cursor:pointer;font-size:16px;color:#fff;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;text-align:center;padding:0;margin:0}.tab-item img[data-v-14f14156]{margin:0 auto}.tab-item.active[data-v-14f14156]{background:#333;color:#fff}.tab-item[data-v-14f14156]:hover{animation:moveUpbutton-14f14156 .2s ease-in-out forwards}.header-icon[data-v-14f14156]{width:50%;aspect-ratio:1}@keyframes moveUpbutton-14f14156{0%{transform:translateY(0);box-shadow:1px 1px 2px 0 rgba(0,0,0,.3)}to{transform:translateY(-2px);box-shadow:3px 3px 3px 0 rgba(0,0,0,.1)}}.home-section[data-v-40f74a80]{flex-direction:column;align-items:center;justify-content:center;margin:0 auto}.home-section[data-v-40f74a80],.main-content[data-v-40f74a80]{display:flex;width:100%;height:100%;position:relative;max-width:1200px}.left-content[data-v-40f74a80]{width:calc(50% - 20px);margin-left:20px;height:100%;max-width:1200px}.right-content[data-v-40f74a80]{border-radius:8px;width:calc(50% - 20px);margin-left:20px;position:relative;max-width:1200px}.bgcolor[data-v-40f74a80]{position:absolute;width:100%;height:auto;z-index:-1;left:0}.text-section[data-v-40f74a80]{margin:20px;padding:20px}.headline[data-v-40f74a80]{font-size:6.4rem;font-weight:900;text-align:right;line-height:100px;letter-spacing:-5px;display:flex;flex-direction:column;align-items:flex-end}.subline[data-v-40f74a80]{display:block;width:60%;float:right;font-size:1rem;text-align:right;margin:30px 0}.viewcount[data-v-40f74a80]{font-weight:700;font-size:80px}.paragraphs[data-v-40f74a80]{display:flex;justify-content:space-between;height:100px}.drink-container[data-v-40f74a80]{width:100px;float:right;max-width:100px}.drinkalarm[data-v-40f74a80]{display:flex;float:right;place-items:center;margin:0;height:100px}.tab-pane[data-v-40f74a80]{height:100%}.tab-header[data-v-40f74a80]{position:absolute;bottom:0;left:0;width:8.7%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.headline span[data-v-40f74a80]{display:block;float:right}.headline span[data-v-40f74a80]:hover{animation:ratatespan-40f74a80 .3s ease-in-out forwards}@keyframes ratatespan-40f74a80{0%{transform:rotate(0deg)}to{transform:rotate(3deg)}}.language-button[data-v-40f74a80]{position:absolute;top:0;right:2px;width:7%;aspect-ratio:1;background:#ffd000;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:1px 1px 2px 0 rgba(0,0,0,.1);z-index:1}.language-button span[data-v-40f74a80]{font-size:1rem;font-weight:700;color:#fff}.language-menu[data-v-40f74a80]{position:absolute;top:-40px;right:0;z-index:1000;display:flex;flex-direction:row;align-items:center;background:transparent;border:none;box-shadow:none;padding:0}.language-menu ul[data-v-40f74a80]{list-style-type:none;padding:0;margin:0;display:flex;flex-direction:row}.language-menu li[data-v-40f74a80]{margin:0 3px;cursor:pointer;background:#fff;width:40px;height:40px;border-radius:50%;box-shadow:2px 2px 2px #ffd00075;font-size:12px;text-align:center;line-height:40px;transition:transform 5.3s ease,opacity 5.3s ease}.language-menu li[data-v-40f74a80]:hover{color:#555;background-color:#ffd00017}.language-button:focus~.language-menu li[data-v-40f74a80]{animation:showbutton-40f74a80 .5s ease-in forwards}@keyframes showbutton-40f74a80{0%{transform:translateY(0)}to{transform:translateY(2px)}}@media (orientation:portrait){.main-content[data-v-40f74a80]{flex-direction:column}.left-content[data-v-40f74a80],.right-content[data-v-40f74a80]{width:100%;margin:20px 0}.right-content[data-v-40f74a80]{top:0}.bgcolor[data-v-40f74a80]{width:calc(100% - 20px);margin:0 10px}.language-button[data-v-40f74a80]{right:10px}.tab-header[data-v-40f74a80]{left:10px;bottom:0}}@media (min-width:1200px) and (orientation:landscape){.language-button span[data-v-40f74a80]{font-size:1rem}}@media (min-width:768px) and (max-width:991px) and (orientation:portrait){.language-button span[data-v-40f74a80]{font-size:1.1rem}}@media (max-width:575px) and (orientation:portrait){.language-menu[data-v-40f74a80]{top:-30px;right:36px}.language-button span[data-v-40f74a80]{font-size:.8rem}.language-button[data-v-40f74a80],.tab-header[data-v-40f74a80]{width:9%}.headline[data-v-40f74a80]{font-size:5rem;line-height:66px}.subline[data-v-40f74a80]{font-size:.8rem}.viewcount[data-v-40f74a80]{font-size:3rem}.paragraphs p[data-v-40f74a80]{margin-bottom:0;display:flex;justify-content:center;flex-direction:column}.drinkbox[data-v-40f74a80]{width:72%}.drink-container[data-v-40f74a80]{width:55%}}.about-me[data-v-d4fd6078]{max-width:680px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);position:relative}.lettercontainer[data-v-d4fd6078]{background-color:#faebd7}.letter-deco[data-v-d4fd6078]{width:200px;height:200px}.letter[data-v-d4fd6078]{position:relative;z-index:1;max-width:640px;line-height:1.9rem;font-size:.8rem;white-space:pre-wrap;text-align:left;text-decoration:underline;text-underline-offset:6px;display:inline-block;padding:20px}.experience-section[data-v-4847985e]{width:100%;min-height:100vh;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#333}.exp-container[data-v-4847985e]{max-width:1200px;margin:auto;padding:60px 20px 0;display:flex;flex-wrap:wrap;gap:20px}.exp-left[data-v-4847985e]{width:20%;aspect-ratio:1;border:1px solid #ddd;border-radius:22px;display:flex;align-items:center;overflow:hidden}.exp-pic[data-v-4847985e]{display:block;width:100%}.exp-item[data-v-4847985e]{flex:0 1 calc(50% - 30px);background:#fff;padding:30px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.8);transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:flex-start}.exp-item[data-v-4847985e]:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.9)}.exp-details[data-v-4847985e]{width:80%;padding:0 20px}.company[data-v-4847985e]{text-align:left;color:#3278be;font-size:1.5rem}.position[data-v-4847985e]{text-align:left;color:#999}.description[data-v-4847985e]{text-align:left}.expdate[data-v-4847985e]{margin-bottom:10px;text-align:left;color:#999}.portfolio-container[data-v-4847985e]{max-width:1160px;margin:40px auto 20px;background-color:#ffd000;border-radius:8px;padding:40px 0 0}.portftitle[data-v-4847985e]{padding:10px;font-size:2rem;font-weight:lighter;width:20%;border-bottom:1px solid #333;margin:20px auto}.portf-container[data-v-4847985e]{padding:20px;display:flex;flex-wrap:wrap;gap:20px}.portf-item[data-v-4847985e]{flex:1 1 calc(50% - 30px);background:#fff;padding:30px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}.portf-pic[data-v-4847985e]{display:block;width:100%}.Pdescription[data-v-4847985e]{margin:10px}@media (max-width:768px){.exp-item[data-v-4847985e],.portf-item[data-v-4847985e]{flex:1 1 100%}.portftitle[data-v-4847985e]{width:60%}}.amap-icon img{left:0;width:40px}.contact-me[data-v-4427d94a]{max-width:1200px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;justify-content:center;flex-wrap:wrap}.left-container[data-v-4427d94a]{display:flex;flex-direction:column;justify-content:center;padding:0 20px}.left-container div[data-v-4427d94a]{padding:20px;text-align:left;border-bottom:1px solid #ccc}.right-container[data-v-4427d94a]{max-width:400px}.login-box[data-v-4427d94a]{display:flex;justify-content:center;flex-wrap:wrap;width:100%;gap:20px}.login-left[data-v-4427d94a]{width:20%;background-image:url(/img/login-banner.8f915db9.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.login-right[data-v-4427d94a]{width:40%}.login-right input[data-v-4427d94a]{font-size:.8rem;padding-left:4px}.word1[data-v-4427d94a]{color:#ffd000;text-align:left;border-bottom:1px solid #ccc;line-height:40px;font-size:1.5rem}.word2[data-v-4427d94a]{text-align:left;color:#333;font-size:.8rem}.phonenumbox[data-v-4427d94a]{margin:60px auto 0}.phonenumbox[data-v-4427d94a],.vspwbox[data-v-4427d94a]{display:flex;justify-content:left;max-width:350px;align-items:center}.vspwbox[data-v-4427d94a]{margin:auto}.toggle-password[data-v-4427d94a]{border:none;background:none;cursor:pointer}.toggle-password i[data-v-4427d94a]{font-size:1rem;color:#999}.toggle-password:hover i[data-v-4427d94a]{color:#999}.regbox[data-v-4427d94a]{max-width:350px;margin:auto}.login-right input[data-v-4427d94a]{border:1px solid #ffd000;border-radius:10px;line-height:35px;margin:10px 0}.login-right input[data-v-4427d94a]::-moz-placeholder{font-size:.8rem;padding-left:10px}.login-right input[data-v-4427d94a]::placeholder{font-size:.8rem;padding-left:10px}.login-right input[data-v-4427d94a]:focus{border:1px solid #333;outline:none}.login-right button[data-v-4427d94a]{border:none}.vsbtn[data-v-4427d94a]{font-size:.8rem;line-height:30px}.loginbtn[data-v-4427d94a]{background-color:#ffd000;color:#333;line-height:20px;border-radius:10px;padding:10px 20px;margin-top:30px}.regbox input[data-v-4427d94a]{display:block}.regbtn[data-v-4427d94a]{clear:both;display:block;margin:30px auto;background-color:#333;color:#ffd000;line-height:20px;border-radius:10px;padding:10px 20px;border:1px solid #ffd000}.address[data-v-4427d94a]{padding:20px}#addcontainer[data-v-4427d94a]{width:400px;height:400px}.contact-icon[data-v-4427d94a]{width:20px;height:20px;margin-right:10px;vertical-align:middle}.qrcode[data-v-4427d94a]{max-width:150px;aspect-ratio:1;margin-left:20px}@media (max-width:400px){.left-container[data-v-4427d94a]{width:100%;padding:0}.address[data-v-4427d94a]{text-align:left}}@media (max-width:991px) and (orientation:portrait){.contact-me[data-v-4427d94a]{border:none;box-shadow:none;margin:0;padding:0}.login-box[data-v-4427d94a]{display:block;height:calc(100vh - 60px)}.login-left[data-v-4427d94a]{width:100%;height:calc(100vh - 60px);position:absolute;z-index:-1}.login-left img[data-v-4427d94a]{height:100%;width:auto;left:-30%;position:relative}.login-right[data-v-4427d94a]{background-color:#fff;width:calc(100% - 60px);margin:100px auto 0;border-radius:20px;padding:20px}.login-right input[data-v-4427d94a]{width:calc(100% - 40px)}.phonenumbox[data-v-4427d94a],.regbox[data-v-4427d94a],.vspwbox[data-v-4427d94a]{width:100%}}@media (max-width:575px) and (orientation:portrait){.left-container[data-v-4427d94a]{margin-top:40px}}.footer-content{width:100%;height:60px;position:fixed;bottom:0;background-color:#f6f6f6;border-top:1px solid #ffd000;z-index:999;font-size:12px;display:flex;align-items:center;justify-content:center}.beianlink{text-decoration:none;color:#333}.beianlink:hover{text-decoration:underline}@media (max-width:767px){.footer-content{height:40px}}.admin-page{max-width:1200px;margin:0 auto;padding:20px;display:flex;height:calc(100vh - 140px);flex-direction:column;justify-content:center}.admin-title{font-size:20px;text-decoration:underline}.login-form{margin:40px 0 20px}.login-form input{font-size:14px;display:block;width:200px;padding:8px;margin:0 auto 10px;box-sizing:border-box;border-radius:5px;border:1px solid #333}.admin-page button{padding:8px 16px;background-color:#fff;color:#333;border:1px solid #ffd000;cursor:pointer;border-radius:5px;width:-moz-max-content;width:max-content;font-size:14px}.data-tables{display:flex;flex-direction:column;gap:20px}.table-container{max-height:300px;overflow-y:auto}table{width:100%;border-collapse:collapse}td,th{border:1px solid #ddd;padding:8px;text-align:left}th{background-color:#f2f2f2}button{padding:4px 8px;background-color:red;color:#fff;border:none;cursor:pointer}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#333;margin:0;padding:0;width:100%;position:relative}.content{margin-bottom:60px}html{font-size:16px}@media (max-width:767px){html{font-size:14px}.content{margin-bottom:40px}}@media (min-width:768px) and (max-width:1023px){html{font-size:15px}}@media (min-width:1024px){html{font-size:16px}}