blog code i use(free 2 use)

body {
background-image: url(ADD DIRECT LINK HERE);
background-size: auto;

}

main:before {
width: auto;
margin-bottom: 5px;
border: 10px solid black;
height: 150px;
display: block;
content: "";
background-image: url(ADD DIRECT LINK HERE);
background-position: center center;
background-size: cover;
border-radius: 15px
}

footer {
border-radius: 15px;
background-image: url(ADD DIRECT LINK HERE);
background-size: cover;
background-position: center center;
color: white;
}

table.comments-table td {
color: rgb(ADD RGB CODE HERE);
}

:root {
--logo-blue: rgba(ADD RGBA CODE HERE));
--darker-blue: rgb(ADD RGB CODE HERE));
--lighter-blue: rgba(ADD RGBA CODE HERE));
--even-lighter-blue: rgb(ADD RGB CODE HERE));
--lightest-blue: ;
--dark-orange: black;
--light-orange: rgb(ADD RGB CODE HERE));
--even-lighter-orange: rgb(ADD RGB CODE HERE));
--green: pink;
}


.comments-table{
display: block;
height: 270px;
border: dotted;
color: rgb(170, 0, 255);
height: 300px!important;
overflow-y: scroll;
}

main {
background: rgba(ADD RGBA CODE HERE));
border-radius:15px;
border: 5px dashed rgb(ADD RGB CODE HERE))
}

.row.article.blog-entry .col.right {
color: white;

}

/*find more cursors at https://gafcodes.com*/ body {cursor:url(https://www.gafcodes.com/premade/cursors/jspunkette/cursor24.cur), default;}

html:before {
animation: grain 8s steps(10) infinite;
background-image: url(https://i.pinimg.com/originals/17/6f/b5/176fb547189cbdb4f745d425e84167f3.gif);
content: "";
height: 300%;
left: -50%;
opacity:.4;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain
70% { transform:translate(0%, 15%) }

i personally use https://tommypanzram.neocities.org/ to preview the code b4 adding 2 the blog itself. i also use postimg.cc to get direct links to add 2 the url sections