footer{display:flex;align-items:center;justify-content:center;height:100px;background-color:#fff;padding:0 15px}footer div{text-decoration:none;color:gray}header{display:flex;align-items:center;height:60px;background-color:#fff;padding:0 20px;justify-content:space-between}header nav{display:flex;flex-direction:row;flex-wrap:nowrap;gap:30px}header .home img{width:30px}article.home{display:flex;flex-wrap:nowrap;flex-direction:column;gap:50px;padding-top:3rem}article.home img.face{width:120px}article.home ul{margin-bottom:0;list-style:none;padding:0;line-height:1.5rem}.latest-posts{display:flex;flex-direction:column;flex-wrap:nowrap;gap:15px}.latest-posts hr{border:0;height:0;border-top:1px solid #d3d3d3;margin-left:0;margin-right:0}.latest-posts hr:last-of-type{display:none}.latest-posts .latest-post{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.latest-posts .latest-post .info h1{font-size:18px;font-weight:400;color:var(--black)}.latest-posts .latest-post .date{font-size:16px;color:dimgray;white-space:nowrap}a.latest-post:hover h1,a.latest-post:hover .date{color:blue!important}.latest-post .post-tags{margin-top:12px}.latest-post .post-tag{font-size:12px}.latest-posts .read-more{margin:20px auto;padding:10px;border:1px solid #d3d3d3;border-radius:10px;color:var(--black)}.latest-posts .read-more:hover{border:1px solid dimgray;transition:all .4s ease;text-decoration:none}.list-page h1.title{padding:60px 0}.post-tags{list-style-type:none;margin:0;padding:0;display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:10px}.post-tags li{padding:6px 10px;border-radius:40px;background-color:#f5f5f5}.post{line-height:1.4}.post hr{width:200px;border:1px solid #f5f5f5;margin:50px auto}.post-heading{display:flex;flex-direction:column;gap:15px;padding:30px 0 15px}.post-heading .post-date{color:dimgray}.hero-img{max-width:100%;border-radius:15px;margin-bottom:1rem;margin-top:1rem}.post img{max-width:100%}article.post .subscribe{padding-top:20px}:root{--inter:"Inter", monospace;--black:#333333}body{font-family:var(--inter);color:var(--black);margin:0;font-size:1rem}h1,h2,h3{margin:0}h1{font-size:32px}h2{font-size:24px}div,p{font-size:1rem;color:var(--black);line-height:1.6rem}li{line-height:1.6rem}blockquote{background:#f8f8f9;border:#525252;padding:2em}main{max-width:720px;min-width:300px;margin:auto;padding:0 15px;min-height:calc(100vh - 100px)}a{text-decoration-style:dotted;color:#242dff}a:hover{color:#66ff4e}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}