Kamishiro Rui themed layout >:3

Hello !!! This is the current layout i have for my profile >:3 No need to credit as long as you comment !!!

<div style="float:  ; max-width: 200px; height: auto; position: fixed; left: 37px; top: 9px; z-index: 200;"><a href="https://alturl.com/p749b"><img src="https://i.ebayimg.com/images/g/P-8AAOSw~JhkOW7c/s-l1200.jpg" alt="https://s.pacn.ws/1/p/16h/project-sekai-colorful-stage-feat-hatsune-miku-fuwa-petit-plush-764637.5.jpg?v=rytquy&width=800&crop=606,813"/></a></div>

<img src="https://media.tenor.com/bKI2HME20XkAAAAj/rui-kamishiro.gif"/>

<style>

.profile-info{

background: url(https://pbs.twimg.com/media/GQzrie-WgAAI75b.jpg:large);

no-repeat fixed;

    background-size: cover;

    height: 200px;

    border: white;

    font-size: 0;

    background-size: cover;

    height: 200px;

    border: white;

    font-size: 0;

    background-position-y: center;

}

<style>

@font-face {

font-family: 'mbytepc';

src: url(https://dl.dropbox.com/s/wu14gtbffx3auk3/Px437_MBytePC230_EGA%5B1%5D.ttf);

}

  font-size: 150%;

}

h1,h2,h3,h4,h5{

  font-size: 200%; 

}

  body {

   background-image: url(https://pbs.twimg.com/media/GIH5pxYagAAEzzy.jpg:large);

font-family: 'mbytepc';

}

.profile {

   background-color: white; 

 border: 2px outset purple;

}

  .profile .blurbs .heading,

  .profile .friends .heading{

   background-color: rgb(145, 100, 196);

   color: white;

}

/* change all headings on page to different colors. */

  .profile .contact .heading,

  .profile .table-section .heading{

   background-color: rgb(145, 100, 196);

   color: white;

}

main:before {

    width: auto;

    margin-bottom: 25px;

  border: 2px outset purple;

    height: 200px;

    display: block;

    content: "";

    background-image: url(https://i.makeagif.com/media/2-02-2022/fx0-d7.gif);

    background-size: cover;

}

footer {

    border-radius: 15px;

    background-color: white;

    color: blue;

}

table.comments-table td {

  color: blue;

}

:root {

    --logo-blue:darker-blue;

    --darker-blue: purple;

    --lighter-blue: white;

    --even-lighter-blue: white;

    --lightest-blue:white;

    --dark-orange: white;

    --light-orange: white;

    --even-lighter-orange: white;

    --green: purple;

}

.online { visibility: hidden; } .online img { content: url("https://img1.picmix.com/output/stamp/normal/8/6/7/6/2586768_7820c.png"); animation-name: none; visibility: visible;

}

.profile .contact, .profile .table-section, .profile .url-info {

  border: 2px outset blue;

color: purple;

}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

  border: 2px outset blue;

}

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

border: 2px outset blue;

color: purple;

}

.profile .blurbs .heading, .profile .friends .heading {

border: 2px outset blue;

}

.profile .friends .comments-table td {

border: 2px outset blue;

color: darker-blue;

}

.profile .friends td {

height: 250px;

overflow: auto;

}</style>

<style>

.profile .url-info p:last-child:after {content: ""; display: block; background-image: url('https://static.wikitide.net/projectsekaiwiki/thumb/4/4b/Lensflare2024_logo.png/220px-Lensflare2024_logo.png');  width: auto; height: 70px; background-position: top center; background-size: 90%; background-repeat: no-repeat;}

.profile .url-info p {text-align: center;}</style>

<style>

.friends .heading{ font-size:0; }

.friends .heading:before{ content: "◠◠　　Cool people !!　₊　e"; font-size:.8rem; font-weight:bold; 

color:black; }

}

</style>

<style>

.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "♯┆What do you think  ? ★"; font-size:.8rem; font-weight:bold;

color:White; } 

</style>

<style>

 .profile .table-section .heading h4 { font-size:0; }

.profile .table-section .heading h4:before{ content: " 𓏵 ⋮ My lovely interests and socials ! ₊ ⊹"; font-size:.8rem; font-weight:bold; 

color:White; }

 </style>

<style>

    .contact .heading{ font-size:0; }

.contact .heading:before{ content: "︶𝆹𝅥﹒Stop by, say hi !!﹒︵"; font-size:.8rem; font-weight:bold; 

color:White; }

}</style>

<style>

  .blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "  ִ ✦    .   What do you expect from me ?   ⊹　  ❜ ᵎ"; font-size:.8rem; font-weight:bold; color:White; }

</style>

<style>

* {

    cursor: url(https://cur.cursors-4u.net/nature/nat-7/nat689.cur), url(https://www.cursors-4u.com/cursor/2009/04/26/paradisefish.html), auto !important;

}</style>

<style>

@keyframes spin{

  from{ transform:rotate(0deg); }

  to{ transform:rotate(0deg); }

}

.general-about .profile-pic img{

  border-radius: 50%;

  animation: spin 7s infinite linear;

}

</style>

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://64.media.tumblr.com/f04f511e9292db64c1fd1527268be93c/10a7b40dab0cf9eb-c5/s500x750/151dd461e23c9d32fe2e2a6a9f544288c9d1081a.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

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

pointer-events: none;}

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

</style>