diff --git a/website/style.css b/website/style.css index 3bbeaa7..3792d39 100644 --- a/website/style.css +++ b/website/style.css @@ -222,6 +222,19 @@ social-links a:hover .fab.fa-youtube { transform: rotate(var(--rotation-factor)); } +.post::before { + content: ""; + position: absolute; + top: 5px; + left: 0; + width: 100%; + height: 55px; /* Keep existing height */ + background-color: rgba(0, 0, 0, 0.05); /* Keep existing background color */ + z-index: 0; /* Ensure it's behind the post content but above the post background lines */ + border-radius: 25%; /* Add radius to top-left corner */ + filter: blur(5px); /* Add a slight blur to soften the edges */ +} + /* Remove these alternate rotation rules, JS now handles rotation and color */ /* .post:nth-child(odd) {