Hiei inspired layout i created >;3

sooo, ig psting layouts is currently down.. so ima just post it here :D!!
there is autoplay of the Yu Yu Hakusho opening 1 in English, but you can remove that aswell as the loading screen and everthing else so yep :3 if ur gonna use plz coment to i can meet fellow Hiei lvrs ^^ this was fun so ima probs make more of other characters like Kuwabara, Botan, Kurama, Koenma, Urameshi, etc!

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.redd.it/ckdp8n0tld1a1.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

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

pointer-events: none;

}

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

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/sT58eom0QIs?si=X7takw3wioYaB0I6//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

<style>

@import url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');

body{font-family: "potta one" ;}

</style> 

<style>

body {

    background: url(https://static9.depositphotos.com/1402648/1172/i/450/depositphotos_11723060-stock-photo-abstract-texture.jpg);

}

.profile {

background-image:url(https://i.pinimg.com/564x/d8/c4/32/d8c432233d4c774a88aa2c5d7633c586.jpg);

  background-repeat: repeat;

    border-radius: 12px;

}

/*the username glow and shadow*/

h1

{

color: /*the username glow and shadow*/

h1

{         color: blue; 

//text-shadow: 1px 1px #141424;

};

text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #141424, 0 0 5px black;

}

h1, h2, h3, h4,h5,a, p, nav label, .section

{

main, top, links, nav .top, nav .links, details-table

{

    background:  !important;

background-image:   !important;

background-size: cover !important;

    padding: 0 !important;

    /*font-size: small;*/

    color: #0007e0;

{

.mood

text-transform:uppercase !important;

}

table, td

}

/* border: 1px solid var(--url-black-bg)!important; */

border-spacing: 2px;

}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions

{

    width: 100%;

    border: 2px solid var(--#141424);

}

table, th, td

}

   border: 1px solid #141424;

   border-spacing: 2px;

}

.blog

}   

   border: 10px solid #141424;

}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions

}

   width: 100%;

   border: 4px outset #141424;

   margin 10px 2;

}

.online

{

  color: blue!important; 

  //text-shadow: 1px 1px black;

}

:root 

{

--logo-blue: ;

  --darker-blue: ;

--lighter-blue: blue;

--even-lighter-blue: ;

--lightest-blue: ;

--dark-orange: ;

--light-orange: ;

--even-lighter-orange: ;

--turquoise: ;

        --table-header:#141424;

--table-color: black;

--link-text: black;

--main-text: black;

    }   

main 

{

  /* changes made to stuff outside of columns */

    background: black;

    padding: 0;

    font-size: small;

    color: #300403;

text color: black;

  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 

}

footer 

{

    background: black!important;

}

.comments-table{

display: block;

height: 500px;

overflow-y: scroll;

Border-radius: 15px; 

color: #262626;

  text-shadow: 1px 1px 2px #000000, 0 0 25px #000000, 0 0 3px #000000; 

}

.contact {

  border-radius: 8px;

  background-image: url(https://i.pinimg.com/736x/aa/11/44/aa11448ac5edaa0fddf01d52aa92b10e.jpg);

  background-position: right top;

  background-repeat: repeat;

background-attachment: scroll;

Width: 310px;

Height:180px;

color: black;

  text-shadow: 1px 1px 2px #300403, 0 0 25px #300403, 0 0 3px #300403; 

}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, 

{

border: 1px curve #000000 !important;

outline: curve !important;

}

img

{

border-radius: 12px;

}

main {

background:  black;

border-radius: 14px;

padding: 0;

font-size: 85%;

color: #000000;

}

nav, footer, .profile .contact {

display: inherit !important;

opacity: 1 !important;

border-radius: 12px;

}

main {

background:  ;

border-radius: 12px;

border: 12px solid #000000;

padding: 0;

font-size: 90%;

color: #0700d1;

}

nav .top {

  background: transparent;

}

nav .links {

  background: rgba(0, 0, 0, 0.3);

}

nav { background-image: url(https://i.pinimg.com/736x/2d/58/9c/2d589cb1fa09f6fb714fd68d3f99fcd8.jpg) 

}

/*customising interests box*/

  .profile .table-section{

    border:2px solid #5c5c5c;

    border-radius: 15px;

  }

  .profile .table-section .heading{

    background:#000000;

    border: 1px solid #5c5c5c;

    border-radius: 15px 15px 0px 0px;

    text-align: center;

  }

  .profile .table-section .heading h4{

    color: #630700;

    text-shadow: 1px 1px 2px black;

  }

  .profile .table-section .details-table td{

    background: rgba(0, 0, 0, 0);

    padding-right: 10%;

  }

 /*customising friend space heading*/

  .profile .friends .heading{

    background: #290000;

    color: #290000;

    text-shadow: 1px 1px 2px black;

    text-align: center;

  }

  .profile .friends .heading h4{

    text-align: center;

    color: #05001c;

    text-shadow: 1px 1px 2px black

  }

.general-about {

background-image: url(https://i.pinimg.com/564x/c9/f1/1b/c9f11bfd4925c1ba8f652f19e1d2ab64.jpg);

padding: 20px;

border-radius: 10px;

box-shadow: 4px 4px 0 #2d1157;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .46s;

}

.profile .blurbs .section :nth-child(2) {

background-image: url(https://i.pinimg.com/564x/2e/37/39/2e3739b110a2fbff4fe48d011db7a1c4.jpg);

     /* margin-top: -5px; */

padding: 18px;

box-shadow: 4px 4px 0 #000;

}

.profile .profile-info .inner h3 {

filter: drop-shadow(3px 3px 0 #000000);

margin: 0!important;

color:#05001c;

}

.profile .profile-info .inner h3 a {

color: #05001c;

}

.profile .profile-info {

background-image: url(https://i.pinimg.com/564x/df/7c/73/df7c735a817e1bcebbf071134efbe333.jpg);

padding: 20px;

border: none;

border-radius: 10px;

box-shadow: 4px 4px 0 #2d1157;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .15s;

border: none;

}

</style>

<style>

.general-about{

  position: relative;

  margin-top: 100px;

}.online{

content: url(https://i.gifer.com/origin/46/46b0450206724e125e4e86a82afb837c_w200.gif);}

</style>

<style>

.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(https://i.pinimg.com/originals/8f/64/e3/8f64e32bb3645244161677b09d972b1b.gif);  width: auto; height: 150px; background-position: top center; background-size: 50%; background-repeat: no-repeat;}

.profile .url-info p {text-align: center;}

</style>

<style>

nav img.logo {

 content:url("https://upload.wikimedia.org/wikipedia/commons/thumb/b/b0/Y%C5%AB_Y%C5%AB_Hakusho_logo.svg/2560px-Y%C5%AB_Y%C5%AB_Hakusho_logo.svg.png");

    }

</style>

<div style="float:  ; max-height: 200px; position: fixed; right: 1px; bottom: 0px; z-index: 200;">

<img src="https://64.media.tumblr.com/eb200fe2fdc29c8e81d6e2bd75d0148a/dee6429d4ac5ec72-2a/s1280x1920/54c49d2722bf4a1a785f2ae55e587eb4e69ba909.png" width="200" height="300"/></div>

<div style="float:  ; max-height: 200px; position: fixed; left: 1px; top: 0px; z-index: 200;">

<img src="https://i.pinimg.com/originals/a6/73/4f/a6734f2f00782464d9ba467a8a3ec16e.png" width="200" height="200"/></div>

<img src="https://64.media.tumblr.com/afe340d4d7e9e6e1f03b9962d693c100/46b4972df8279197-26/s500x750/58d01e2131d1a510705bccf287499797165c96b9.gifv"/>