blog css n html

 <style>

/* LAYOUT CREATED USING GENERIC PROFILE GENERATOR */

  /* BLOG VERSION */

  /* Feel free to use any background! */

  body:before {

    content: " "; 

    height: 100vh;

    width: 100vw;

    display: block;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100;

    background-image: 

linear-gradient(#950258,#ae9c02,#087d02, #020f95,#710295),

url(https://monophy.com/media/MkM359bqhGNz2/monophy.gif);

    background-size: cover;

    background-repeat: no-repeat;

    animation: yourAnimation 1s ease 0s 1 normal forwards;

    pointer-events: none;

  background-blend-mode: color;

}

  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

  body {

    background-image: url('https://img1.picmix.com/output/stamp/normal/8/9/6/1/2351698_0f248.gif');

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    font-family: 'Special Elite', cursive;

  }

  nav .top {

    background: transparent;

  }

  nav .links {

    background: transparent;

    text-align: right;

    border-radius: 4px 4px 0 0;

    background-image: url('https://img1.picmix.com/output/stamp/thumb/0/9/5/7/1737590_0e9e0.gif');

    background-position: center;

    background-repeat: no-repeat;

  }

  button {

    color: blue;

    background: cyan;

  }

  .count {

    color: cyan

  }

  a {

    color: white;

  }

  nav .links a {

    color: cyan;

  }

  footer {

    background: transparent;

  }

  footer p {

    color: cyan;

  }

  footer .links {

    color: white;

  }

  .comments-table td:first-child,

  .comments-table td,

  .comment-replies,

  .details-table td:first-child,

  .details-table td {

    background: transparent;

    color: white;

  }

  .edit-info {

    background: magenta;

    border: 0px;

  }

  .blog-entry .title {

    background: black;

    color: white;

    padding: 5px;

  }

  .blog-entry .content {

    background: magenta;

    padding: 10px;

  }

  main {

    background: black;

  }

  main .left {

    background: magenta;

    color: white;

  }

  main .right {

    padding: 0px;

    background: magenta;

  }

</style>