*{margin:0;padding:0;box-sizing:border-box} html,body{height:100%} body{font-family:arial,sans-serif;font-size:15px} a{text-decoration:none;color:#27a} .full-row{max-width:640px;width:95%;margin:0 auto} .header{background:#ffffff;color:#27a;margin-bottom:10px;position:relative} .header:before,.footer:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#f0f3f5;z-index:0} .header-wrp{padding:5px 0;display:flex;align-items:center;z-index:1;position:relative;} .header span{font-size:22px;font-weight:bold} .header a{color:#27a} .main-menu{margin-left:auto} .main-menu a:not(:last-child){margin-right:15px} .main{min-height:calc(100vh - 93px);margin-bottom:10px;} .post-title{font-size:20px;margin-bottom:10px;border-bottom:1px dotted #ddd;padding-bottom: 5px;} .post-body p{line-height:1.4;margin-bottom:15px} .post-body h2{font-size:18px;margin-bottom:10px} .post-body h3{font-size:16px;margin-bottom:10px} .post-body ol,.post-body ul{margin-left:40px;margin-bottom:15px} .post-body ol li:not(:last-child),.post-body ul li:not(:last-child){margin-bottom:10px}.post-body ul ol,.post-body ol ul{margin-top:10px} .post-body a{text-decoration:underline} .post-body img{max-width:100%;height:auto;margin-bottom:15px} .footer{background:#ffffff;padding:10px 0;position:relative} .footer-wrp{z-index:1;position:relative;} .footer-wrp a:not(:first-child){margin-left:15px} @media screen and (max-width:480px){ .post-body{font-size:15px} }