:root{--bg:hsl(236, 36.59%, 8.04%);--bg-2:hsl(236, 36.59%, 18.04%);--primary:#75c13e;--secondary:hsl(7.76, 100%, 66.67%);--secondary-2:hsl(7.76, 50%, 35%);--secondary-3:hsl(7.76, 45%, 30%);--light-0:#fff;--light-1:#dedede;--light-2:#ccc;--light-3:#aaa}body{background-color:var(--bg);color:var(--light-0);font-family:sans-serif;line-height:1.5;margin:1rem}p{font-weight:100;color:var(--light-1)}main{max-width:768px;margin:0 auto}header{border-bottom:1px solid var(--secondary-2);margin-bottom:1rem;.header-inner{display:flex;align-items:baseline;justify-content:space-between;max-width:1080px;margin:0 auto}a{color:#ff6b55;transition:color .2s;&:hover{color:#75c13e}}.header-left{display:flex;align-items:baseline;gap:20px;nav ul{display:flex;flex-direction:row;gap:20px;li{list-style:none}}}}.social-links{display:flex;align-items:center;gap:15px;a{color:#ff6b55;display:flex;align-items:center;transition:color .2s;&:hover{color:#75c13e}}}h1{margin-top:40px;margin-bottom:5px;line-height:.8}footer{border-top:1px solid var(--secondary-2);margin-top:1rem}a{color:#75c13e;text-decoration:none}.post-item{margin-bottom:40px;padding-bottom:40px;.post-title{display:flex;border-bottom:1px solid var(--secondary-3);align-items:baseline;justify-content:space-between;time{color:var(--light-3)}}.read-entry{float:right}}a.read-more{display:inline-block;width:100%;text-align:right}time{font-style:italic}.terms{display:flex;flex-direction:row;gap:10px;padding-bottom:20px;.label{font-weight:700}ul{display:flex;flex-direction:row;gap:10px;margin:0;padding:0;li{list-style:none}}}code span{overflow:scroll}.pagination{display:flex;justify-content:center;gap:16px;margin-top:40px;padding:0;list-style:none;.page-item{.page-link{color:#ff6b55;text-decoration:none;transition:color .2s;&:hover:not(.disabled){color:#75c13e}}&.active .page-link{color:#75c13e;cursor:default}&.disabled .page-link{opacity:.4;cursor:not-allowed}}}.hello{display:flex;max-width:100%;gap:30px;margin-top:80px;div.text{flex-grow:3;h3{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1;letter-spacing:-.02em;margin:0}p{max-width:80%;color:var(--light-3)}}div.img{flex-grow:1;img{width:100px;height:100px;border-radius:100%}}}.recent-posts{margin-top:50px;h3{color:var(--light-2)}}blockquote{margin:40px 0;padding:10px 30px;background-color:var(--bg-2)}