html,body{background-color:#f7f8f6;height:100%;margin:0;padding:0}.x-header{text-align:center;color:#2c332f;background-color:#b4c4b0;padding:80px 20px 60px}.x-footer{text-align:center;color:#888;justify-content:center;align-items:center;padding:50px 20px;font-size:14px;display:flex}.x-footer a{text-decoration:none}.x-footer a:hover{text-decoration:underline}.x-content{max-width:880px;margin:20px auto 60px;padding:0 20px}.article{background:#fff;border-radius:12px;margin-bottom:25px;padding:30px;box-shadow:0 12px 32px #0000000f}.article h3{margin-bottom:15px}.article p{color:#333;margin-bottom:10px}