@import url(https://fonts.googleapis.com/css2?family=Spartan:wght@400;500;600&display=swap);*,html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;font-family:Spartan,sans-serif}p{margin:15px 0;line-height:1.8}a{text-decoration:none;color:#333}img{width:100%;border-radius:10px}header{background-color:#4682b4;padding:5px;margin-bottom:40px}header,header a{color:#fff}.container{max-width:768px;margin:auto;overflow:auto;padding:0 10px}.btn{display:inline-block;background:#4682b4;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{-webkit-transform:scale(.98);transform:scale(.98)}.btn-back{background:#f4f4f4;color:#000;margin-bottom:20px}.posts{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;gap:30px;margin-top:30px}.card{padding:15px;border-radius:10px;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2)}.card-image{padding:15px 30px}.post-title{margin:10px 0}.post-date{background-color:#f4f4f4;margin-bottom:20px;padding:3px 10px}.post-body ul,ol{font-size:110%;line-height:2.3;font-weight:700;margin:10px 0}.post-body pre{background:#f4f4f4;padding:20px;margin:20px 0;line-height:2.3}@media(max-width:500px){.posts{grid-template-columns:1fr}}