Jellx_b

Layout CSS

<style>
/* Blog background */
body {
  background: #efbbd0;
  font-family: Trinite, sans-serif;
  color: #f5deea;
}

/* Main blog container */
.blog {
  width: 700px;
  margin: 40px auto;
  background: #f0dae7;
  border: 2px solid #ff7bd8;
  padding: 20px;
}

/* Blog title */
.blog h1 {
  font-size: 28px;
  text-align: center;
  color: #E77FAF;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* Date + author */
.blog .meta {
  font-size: 12px;
  text-align: center;
  color: #FAB4C9;
  margin-bottom: 15px;
}

/* Blog content */
.blog .content {
  font-size: 14px;
  line-height: 1.6;
}

/* Links */
.blog a {
  color: #F582B4;
  text-decoration: Bembo;
}
.blog a:hover {
  text-decoration: underline;
}
</style>

<div class="blog">
  <h1>Your Blog Title Here</h1>
  <div class="meta">
    Posted by <strong>Your Name</strong> · June 23, 2026
  </div>
  <div class="content">
    <p>Write your main blog text here. You can add paragraphs, links, and images.</p>
    <p><a href="https://friendrewind.com">Example link</a></p>
  </div>
</div>
/* Comment section background */
.comments {
  background: #F2BBD9;   /* change this to any color you want */
  border: 2px solid #ff8bd8;
  padding: 15px;
  color: #FD6D9F;           /* text color */
}

/* Each individual comment */
.comment {
  background: #ffe6fa;
  border: 1px solid #ff9bdd;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 6px;
}