personal lol

Layout CSS

/* do NOT ask me how this work, i forgor, take it to GOD if you have complain */
/* Font + Background */
body {
  font-family: Courier New, monospace !important;
  background: url(https://i.pinimg.com/1200x/6a/74/fc/6a74fca6d83e916fd1d53a8ddce3f613.jpg) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-attachment: fixed !important;
  color: #ffb3b3 !important;
}
/* Scanline overlay */
body::before {
  content: " " !important;
  display: block !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  background: linear-gradient(rgba(18,16,16,0) 50%, rgba(0,0,0,0.25) 50%) !important;
  z-index: 2 !important;
  background-size: 100% 2px, 3px 100% !important;
  pointer-events: none !important;
}
/* Spinning corner decoration */
body::after {
  content: " " !important;
  display: block !important;
  position: fixed !important;
  bottom: 10px !important;
  left: 10px !important;
  width: 70px !important;
  height: 70px !important;
  background-image: url(https://i.pinimg.com/736x/d1/1f/c3/d11fc37a965fbaa214fc22c7c6a0e215.jpg) !important;
  background-size: cover !important;
  border-radius: 50% !important;
  border: 2px solid #8b0000 !important;
  box-shadow: 0 0 10px #000, 0 0 10px #8b0000 !important;
  animation: corner-spin 4s infinite linear !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}
@keyframes corner-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
/* Links */
a {
  color: #ffb3b3 !important;
  text-decoration: underline !important;
}
/* Main blog container */
main {
  background: black !important;
  border-left: 2px dotted #8b0000 !important;
  border-right: 2px dotted #8b0000 !important;
  padding: 20px !important;
  color: #ffb3b3 !important;
}
/* Blog Title */
.blog-entry .title {
  color: #ff1a1a !important;
  background: black !important;
  border: 2px solid #8b0000 !important;
  padding: 15px !important;
  font-size: 2em !important;
  text-align: center !important;
  text-shadow: 0 0 10px #8b0000 !important;
}
/* Blog Content */
.blog-entry .content {
  background: black !important;
  border-left: 2px dotted #8b0000 !important;
  padding: 20px !important;
  color: #ffb3b3 !important;
}
.blog-entry .content b {
  color: #ff1a1a !important;
}
.blog-entry .content a {
  color: #ffb3b3 !important;
  text-decoration: underline !important;
}
/* Lists */
.blog-entry ul,
.blog-entry ol {
  background: black !important;
  border: 1px solid #8b0000 !important;
  padding: 15px !important;
}
.blog-entry li::marker {
  color: #ff1a1a !important;
}
/* Blockquotes */
.blog-entry blockquote {
  background: black !important;
  border-left: 4px solid #ff1a1a !important;
  padding: 15px !important;
  color: #ffb3b3 !important;
}
/* Sidebar */
.edit-info {
  background: black !important;
  border: 2px solid #8b0000 !important;
  padding: 20px !important;
}
.edit-info h4 {
  color: #ff1a1a !important;
}
.edit-info a {
  color: #ffb3b3 !important;
}
/* Profile pic spin */
.edit-info .profile-pic img {
  border-radius: 50% !important;
  animation: spin 7s infinite linear !important;
  border: 2px solid #8b0000 !important;
  box-shadow: 0 0 10px #8b0000 !important;
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}
/* Comments */
#comments {
  background: black !important;
  border-bottom: 2px dotted #8b0000 !important;
  padding: 20px !important;
}
#comments h2 {
  color: #ff1a1a !important;
}
.comments-table td {
  background: black !important;
  border: 1px solid #8b0000 !important;
  color: #ffb3b3 !important;
}
/* Footer */
footer {
  background: black !important;
  border: 2px dotted #8b0000 !important;
}
footer p {
  color: #ffb3b3 !important;
}