my blog layout

Layout CSS

@import url('https://fonts.googleapis.com/css2?family=Kedebideri:wght@400;500;600;700;800;900&display=swap');

body {
background-image: url('https://i.postimg.cc/fRG2BFpV/metalheart-69.jpg');
background-size: 240vh;
font-family: 'kedebideri';
}

.blog-entry {
background-image:  linear-gradient(180deg,rgba(105, 105, 105, 1) 6%, rgba(168, 168, 168, 1) 15%, rgba(87, 87, 87, 1) 27%, rgba(105, 105, 105, 1) 41%, rgba(66, 66, 66, 1) 89%, rgba(48, 47, 47, 1) 96%);
border: 2px solid black;
border-radius: 5px;
box-shadow: 0px 0px 14px black;
}
.blog-entry .title {
background-image: linear-gradient(180deg,rgba(151, 35, 35, 1) 6%, rgba(184, 90, 90, 1) 14%, rgba(151, 35, 35, 1) 26%, rgba(107, 17, 17, 1) 40%, rgba(74, 14, 14, 1) 51%, rgba(151, 35, 35, 1) 84%, rgba(102, 15, 15, 1) 98%);
border: 2px solid black;
border-radius: 5px;
box-shadow: 0px 0px 14px black;
color: white;
text-shadow: 1px 2px black;
}

.blog-entry .content {
background: transparent;
}

.blog-entry .content img {
border: 1px solid black;
box-shadow: 0px 0px 14px black;
}

.blog-entry .author-details {
background-image: linear-gradient(180deg,rgba(151, 35, 35, 1) 6%, rgba(184, 90, 90, 1) 14%, rgba(151, 35, 35, 1) 26%, rgba(107, 17, 17, 1) 40%, rgba(74, 14, 14, 1) 51%, rgba(151, 35, 35, 1) 84%, rgba(102, 15, 15, 1) 98%);
border: 2px solid black;
border-radius: 5px;
box-shadow: 0px 0px 14px black;
color: white;
}

.blog-entry .profile-pic {
border: 1px solid black;
box-shadow: 0px 0px 14px black;
}

.blog-entry .kudos-container {
background-image: linear-gradient(180deg,rgba(151, 35, 35, 1) 6%, rgba(184, 90, 90, 1) 14%, rgba(151, 35, 35, 1) 26%, rgba(107, 17, 17, 1) 40%, rgba(74, 14, 14, 1) 51%, rgba(151, 35, 35, 1) 84%, rgba(102, 15, 15, 1) 98%);
border: 2px solid black;
border-radius: 5px;
box-shadow: 0px 0px 14px black;
color: white;
text-shadow: 1px 2px black;
}

.comments-table {
background-image:  linear-gradient(180deg,rgba(105, 105, 105, 1) 6%, rgba(168, 168, 168, 1) 15%, rgba(87, 87, 87, 1) 27%, rgba(105, 105, 105, 1) 41%, rgba(66, 66, 66, 1) 89%, rgba(48, 47, 47, 1) 96%);
border: 2px solid black;
border-radius: 5px;
box-shadow: 0px 0px 14px black;
}

.blog-entry .content a {
color: red;
}
.blog-entry .content a:hover {
color: darkred;
}