body,h1,h2,p{margin:0}ol,ul{margin:0;padding-left:0;list-style-type:none}a{color:inherit;text-decoration:none}body{color:#2a2a2a;font-size:16px;font-family:'Noto Serif SC',serif;background-color:#fef9f4}.hidden-text{font-size:0}.header{font-size:1rem;border-color:#f5f5f5;box-shadow:0 1px 6px 0 rgba(32,33,36,.28)}.header nav{display:flex;align-items:center;max-width:1200px;height:4rem;margin:auto}.header .title{font-size:1rem;font-weight:700}.navlist{display:flex}.navlist>li{margin-left:1.2rem}.navlist a:hover{font-weight:700}.navlist li.active a{font-weight:700;color:#000;border-bottom:1px solid #000}.main{max-width:1200px;margin:18% auto 0}.main .saying{font-size:1.75rem}.main .enter{display:inline-block;margin-top:1.2rem;padding:5px 10px;border:1px solid #333;border-radius:6px}.footer{position:relative;display:flex;align-items:center;max-width:1200px;margin:2rem auto 0;font-size:.75rem}.footer::before{content:"";position:absolute;top:0;left:0;display:block;width:1.4rem;height:1px;background-color:#2a2a2a}.footer .beian{width:12px}main.posts{max-width:1200px;margin:1.8rem auto}main.posts ol li{margin:1.1rem 0}main.posts ol li::after{content:"";display:block;width:60px;height:1px;margin-top:12px;margin-left:3px;background-color:#777}main.posts li h2{font-size:1.3rem}main.posts li .time{margin:4px 0 8px;font-size:.9rem}.pagination{padding-top:10px}.pagination .button{padding:4px 10px;border:1px solid #333;border-radius:10px}.pagination .button.hidden{display:none}.pagination .page-number{margin:0 10px}.page-number .current{color:#333;font-size:1.2em;font-weight:700}main.about{max-width:1200px;margin:1.8rem auto}main.about p{margin:10px;line-height:1.5;text-indent:2em;font-size:1.1rem}main.not-found{max-width:1200px;margin:5rem auto}main.not-found p{margin:10px 0;line-height:1.5;text-indent:2.8rem;font-size:1.1rem}main.not-found .code{font-size:.9rem}main.not-found .title{font-size:2rem;font-weight:700}main.not-found .back{margin-left:2.8rem;display:inline-block;margin-top:1.2rem;padding:5px 10px;border:1px solid #333;border-radius:6px}main.not-found .wave-wrap{position:absolute;top:3rem;transform:rotate(44deg)}main.not-found .wave-path{stroke:#3a3a3a;stroke-width:2;fill:none;stroke-dasharray:600;stroke-dashoffset:1200;animation:wave-line 2s infinite linear}@keyframes wave-line{to{stroke-dashoffset:0}}.mobile-btn{display:none;position:absolute;top:23px;left:5%;width:24px;height:18px;cursor:pointer;z-index:2}.mobile-btn::after,.mobile-btn::before{content:"";position:absolute;left:0;width:24px;height:2px;background-color:#000;transition:.5s}.mobile-btn::after{bottom:0}.mobile-btn .line{margin-top:8px;height:2px;background-color:#000;transition:.3s}.header.close .mobile-btn::before{top:8px;transform:rotate(45deg)}.header.close .mobile-btn::after{bottom:8px;transform:rotate(-45deg)}.header.close .mobile-btn .line{opacity:0}.header.close .title{display:none}.header.close .navlist{display:flex}@media screen and (max-width:1200px){.footer,.header,.main,.posts{padding:0 2rem}main.container{padding:0 5%}}@media screen and (max-width:500px){.header .title{margin:0 auto}.header .navlist{display:none;margin:0 auto}.mobile-btn{display:block}}