*{box-sizing:border-box;margin:0;padding:0}body{font-family:Avenir Next,HelveticaNeue-Light,Helvetica Neue,Helvetica,Arial,sans-serif}p{margin:15px 0;line-height:1.8}a{text-decoration:none;color:#64777f}img{width:100%;border-radius:10px}header{background:#4d5456;padding:15px;margin-bottom:40px}header,header a{color:#d3d4d4}.container{max-width:768px;margin:auto;overflow:auto;padding:0 10px}.btn{display:inline-block;background:#c18265;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;text-decoration:none;font-size:15px;font-family:inherit}.btn:focus{outline:none}.btn:hover{transform:scale(.98)}.btn-back{background:#f0dfa7;color:#000}.posts{display:flex;flex-direction:column;gap:30px}.card{padding:15px;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.card-page{padding:15px 30px}.post-title{margin:10px 0}.post-time{background:hsla(28,31%,67%,.1);margin-bottom:20px;padding:3px 10px}.post-body ul,ol{font-size:110%;line-height:2;padding-left:30px}.post-body pre{background:#f4f4f4;padding:20px;margin:20px 0;line-height:2.3}nav{padding-top:7px}nav>ul{display:flex;gap:20px;list-style-type:none}blockquote{display:block;background:#fff;padding:15px 20px 5px 45px;margin:0 0 20px;position:relative;line-height:1.2;color:#666;text-align:justify;border-left:12px solid #64777f;border-right:2px solid #64777f;box-shadow:2px 2px 15px #ccc}blockquote:before{content:"\201C";font-family:Georgia,serif;font-size:60px;font-weight:700;color:#999;position:absolute;left:10px;top:5px}blockquote:after{content:""}blockquote a{text-decoration:none;background:#eee;cursor:pointer;padding:0 3px;color:#c76c0c}blockquote a:hover{color:#666}blockquote em{font-style:italic}hr{border:1px solid rgba(78,84,86,.3);border-radius:2px;margin:10px}.site-name{font-weight:400}@media (max-width:500px){.posts{grid-template-columns:1fr}}