← Back to Layouts
For me n me only

Name: FriendRewind
Author: FriendRewind
Author: MCR
Category: uh me..
Created: August 9, 2026
Drools
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style>
/* Generated by FriendRewind.com Visual Builder */

body, body.profile-page {
  background-image: url("https://mcdn.wallpapersafari.com/medium/92/86/YuxsoL.jpg") !important;
  background-repeat: repeat !important;
  background-size: auto !important;
  background-attachment: scroll !important;
  background-position: center center !important;
}

@media (min-width: 769px) and (pointer: fine) {
  body, body.profile-page {
    background-attachment: fixed !important;
  }
}

.blurbs, .module, .profileInfo, .table-section {
    background-color: #ffffff8c !important;
    border-radius: 8px !important;
  }.
<style>

main:before {
width: auto;
margin-bottom: 2px;
border: 2px solid #FF0000;
height: 165px;
display: block;
content: "";
box-shadow: 0px 0px 10px 5px #FF0000;
background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a80ce302-40cd-4d8d-81bf-f3d49237fe25/dfyeq39-2de00943-15d8-42d6-ba09-32e1f191e679.jpg/v1/fill/w_1280,h_308,q_75,strp/my_chemical_romance_by_p4ntysh0t_dfyeq39-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MzA4IiwicGF0aCI6IlwvZlwvYTgwY2UzMDItNDBjZC00ZDhkLTgxYmYtZjNkNDkyMzdmZTI1XC9kZnllcTM5LTJkZTAwOTQzLTE1ZDgtNDJkNi1iYTA5LTMyZTFmMTkxZTY3OS5qcGciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.Xw7oDqVygzX5qdtE0HUvIy-7Bfy57ikrPCtpj2vhw2Y');
background-position: center center;
background-size: cover;
}


body{background:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/85cf7e70-0615-4342-ab47-8a6d1fba9582/d1omshp-56490344-7f54-4a49-a9b5-6765156f9652.jpg/v1/fill/w_1024,h_768,q_75,strp/blood_splatter_wallpaper_by_richtea2008_d1omshp-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NzY4IiwicGF0aCI6IlwvZlwvODVjZjdlNzAtMDYxNS00MzQyLWFiNDctOGE2ZDFmYmE5NTgyXC9kMW9tc2hwLTU2NDkwMzQ0LTdmNTQtNGE0OS1hOWI1LTY3NjUxNTZmOTY1Mi5qcGciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.ol4JxGHCCp5PxbKR2OCDc76ZuOAD_CDb7bMh88Go9yQ") no-repeat fixed; background-size:cover;
}

.row.profile{
box-shadow: 0px 0px 10px 6px #FF0000;
}
}

nav .links .special a {
color: #FF0000;
}

small {
font-size:100%;
}
 
main {
background-color: black;
}

.general-about .profile-pic img {
border: 2px solid #FF0000;

box-shadow: 0px 0px 10px 0px #FF0000;
 }   

b {
font-size: 14px;
}

time.ago {
color: #FF0000;
}

h1{
font-size: 30px !important;
text-shadow: 5px 5px 0px #FF0000;
color: #FF0000;
}

.profile .friends .inner b, .profile .friends .inner a{
color: #FF0000;
text-shadow: 2px #FF0000;
}

p{
font-size: 16px;
}

.details-table td a {
color: #FF0000;
}

.details-table td p {
color: #FF0000;
font-size: 14px;
}

  .table-section .heading{ font-size:14px; }

}

.profile h1{
color: #FF0000 !important;
font-size: 5px;
}

.profile .blurbs .section p, .profile .friends p, .blog-entry .comments p, .bulletin .comments p {
font-size: 14px;
}

.friends p, .friends a {
color: #FF0000;
}

.profile .friends .inner{
    text-align: center;
background-image: url("");
border: 2px inset #FF0000;
box-shadow: 0px 0px 10px 0px #FF0000;
background-position: center;
}

.profile .blurbs .section h4 {
text-align: center;
font-size: 14px;
color: #FF0000;
border: 2px #FF0000;
}

.button {
    background: black;
    color: #FF0000;
}

.profile-info{
background:url("") no-repeat fixed; background-size:cover; background-image: center;
border: 2px inset #FF0000;
box-shadow: 0px 0px 15px 0px #FF0000;
}

.profile-info a{
font-size: 14px;
color: #FF000;
text-shadow:  3px 3px 2px #FF0000;
}

.profile-info h3{
color: #FF0000;
}

.profile .blurbs .heading, .profile .friends .heading {
color: #FF0000;
background-color:transparent;
}

.profile .blurbs .inner{
background: url("");
box-shadow: 0px 0px 10px 0px #FF0000;
border: 3px inset #FF0000;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: transparent;
color: #FF0000;
}

.contact .heading h4{
display:none !important;
}

.logo {

    background: #FF0000;
}

h4 {
font-size: 14px !important;
color: #FF0000;
  font-family: Arial, sans-serif;
 }

p {
  font-family: Arial, sans-serif;
color: #FF0000;
   } 

   a {
font-size: 14px;
     color: #FF0000; 
   }


a:hover {
     color: #FF0000; 

}
    .count {
        color: #FF0000;
    }

.profile .friends .person p {
color: #FF0000;  
}
.profile .friends .person p:hover {
color: white;  
}

.blog-preview{
text-align: center;
background-image: url();
color: #FF0000;
border: 2px solid #FF0000;
box-shadow: 0px 0px 10px 0px #FF0000;
}

.blog-preview p, .blog-preview a, .blog-preview h4{
background-color: black;
}

.contact .heading h4{
font-size:14px;
}

.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px #FF0000;
border-style: solid;
border-width: 2px #FF0000;
border-image: url("") 60 fill round;
}

a, .profile .friends .person p, .logout-btn {
color: #FF0000 !important;
text-decoration: underline !important;
}

.online {
    margin:auto;
    padding-bottom: 5px;
    height: 90px;
    width: 90px;
    content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/2d1c1749-b72e-4ea1-856a-a4ccb75912e3/d25ay2n-f768b7a3-c8ce-48f9-8565-b613179bf349.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzJkMWMxNzQ5LWI3MmUtNGVhMS04NTZhLWE0Y2NiNzU5MTJlM1wvZDI1YXkybi1mNzY4YjdhMy1jOGNlLTQ4ZjktODU2NS1iNjEzMTc5YmYzNDkuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.tU-fUjNbfnoU6Z4UOrD7GrRR5jdIWUclpCrNRyWgO-g);
}
  

.profile .contact {
background-color: black;
}
.profile .contact {
border: 2px solid #FF0000;
box-shadow: 0px 0px 10px 0px #FF0000;
  font-family: Arial, sans-serif;
background: transparent;
}

.profile .contact a{
font-size: 12px;
}

.f-col{
border: 2px #FF0000;
}

.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add friend */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/02cabec1-9540-4b86-9451-06c4af949da4/da41dsk-3a499c37-f363-4dd2-b1c6-fd024d6597ba.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyY2FiZWMxLTk1NDAtNGI4Ni05NDUxLTA2YzRhZjk0OWRhNFwvZGE0MWRzay0zYTQ5OWMzNy1mMzYzLTRkZDItYjFjNi1mZDAyNGQ2NTk3YmEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ytkyA0PQm2cDi_kIIeyWnmgI4taj65hWdqYwp0KHf1Y);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add 2 fav */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/02cabec1-9540-4b86-9451-06c4af949da4/da41dsk-3a499c37-f363-4dd2-b1c6-fd024d6597ba.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyY2FiZWMxLTk1NDAtNGI4Ni05NDUxLTA2YzRhZjk0OWRhNFwvZGE0MWRzay0zYTQ5OWMzNy1mMzYzLTRkZDItYjFjNi1mZDAyNGQ2NTk3YmEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ytkyA0PQm2cDi_kIIeyWnmgI4taj65hWdqYwp0KHf1Y)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chat */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/02cabec1-9540-4b86-9451-06c4af949da4/da41dsk-3a499c37-f363-4dd2-b1c6-fd024d6597ba.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyY2FiZWMxLTk1NDAtNGI4Ni05NDUxLTA2YzRhZjk0OWRhNFwvZGE0MWRzay0zYTQ5OWMzNy1mMzYzLTRkZDItYjFjNi1mZDAyNGQ2NTk3YmEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ytkyA0PQm2cDi_kIIeyWnmgI4taj65hWdqYwp0KHf1Y)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/02cabec1-9540-4b86-9451-06c4af949da4/da41dsk-3a499c37-f363-4dd2-b1c6-fd024d6597ba.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyY2FiZWMxLTk1NDAtNGI4Ni05NDUxLTA2YzRhZjk0OWRhNFwvZGE0MWRzay0zYTQ5OWMzNy1mMzYzLTRkZDItYjFjNi1mZDAyNGQ2NTk3YmEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ytkyA0PQm2cDi_kIIeyWnmgI4taj65hWdqYwp0KHf1Y)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant msg */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/02cabec1-9540-4b86-9451-06c4af949da4/da41dsk-3a499c37-f363-4dd2-b1c6-fd024d6597ba.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyY2FiZWMxLTk1NDAtNGI4Ni05NDUxLTA2YzRhZjk0OWRhNFwvZGE0MWRzay0zYTQ5OWMzNy1mMzYzLTRkZDItYjFjNi1mZDAyNGQ2NTk3YmEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ytkyA0PQm2cDi_kIIeyWnmgI4taj65hWdqYwp0KHf1Y)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/02cabec1-9540-4b86-9451-06c4af949da4/da41dsk-3a499c37-f363-4dd2-b1c6-fd024d6597ba.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyY2FiZWMxLTk1NDAtNGI4Ni05NDUxLTA2YzRhZjk0OWRhNFwvZGE0MWRzay0zYTQ5OWMzNy1mMzYzLTRkZDItYjFjNi1mZDAyNGQ2NTk3YmEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ytkyA0PQm2cDi_kIIeyWnmgI4taj65hWdqYwp0KHf1Y)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add 2 group */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/02cabec1-9540-4b86-9451-06c4af949da4/da41dsk-3a499c37-f363-4dd2-b1c6-fd024d6597ba.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyY2FiZWMxLTk1NDAtNGI4Ni05NDUxLTA2YzRhZjk0OWRhNFwvZGE0MWRzay0zYTQ5OWMzNy1mMzYzLTRkZDItYjFjNi1mZDAyNGQ2NTk3YmEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ytkyA0PQm2cDi_kIIeyWnmgI4taj65hWdqYwp0KHf1Y)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/02cabec1-9540-4b86-9451-06c4af949da4/da41dsk-3a499c37-f363-4dd2-b1c6-fd024d6597ba.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzAyY2FiZWMxLTk1NDAtNGI4Ni05NDUxLTA2YzRhZjk0OWRhNFwvZGE0MWRzay0zYTQ5OWMzNy1mMzYzLTRkZDItYjFjNi1mZDAyNGQ2NTk3YmEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ytkyA0PQm2cDi_kIIeyWnmgI4taj65hWdqYwp0KHf1Y)
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block
}

.profile .table-section .details-table td p, .profile .table-section .details-table td a{
color: #FF0000;
}

.profile .table-section .details-table td {
background:url("");
background-image: center;
border: 2px inset #FF0000;
box-shadow: 0px 0px 10px 0px #FF0000;
}


.profile .friends .comments-table td {
background-image: url("");
position: center;
border: 3px solid #FF0000;
}
.comments-table td*{


  }
.profile .comments-table .inner {
box-shadow: 0px 0px 19px 0px #FF0000; 

}

.comments-table td:first-child img{
border-style: solid;
border-width: 2px;
border-image: url("") 60 fill round;
box-shadow: 0px 0px 19px 0px #FF0000;

}

.comment-replies{
border: 3px inset #FF0000;
color: #FF0000;
}

.general-about .details{
padding: 2px;
background: black;
border: 3px inset #FF0000;
background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a80ce302-40cd-4d8d-81bf-f3d49237fe25/dfyepqv-19889c41-beec-4192-84c7-06d7f1f29ceb.jpg/v1/fill/w_1032,h_775,q_70,strp/demolition_lovers_by_p4ntysh0t_dfyepqv-pre.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9OTYxIiwicGF0aCI6IlwvZlwvYTgwY2UzMDItNDBjZC00ZDhkLTgxYmYtZjNkNDkyMzdmZTI1XC9kZnllcHF2LTE5ODg5YzQxLWJlZWMtNDE5Mi04NGM3LTA2ZDdmMWYyOWNlYi5qcGciLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.mIKW9pElyqRh8PmphkLcGDIV5d7BoAnUgtMPMa7dLwE");
background-size:cover;
box-shadow: 0px 0px 10px 0px #FF0000;
  font-family: Arial, sans-serif;
}

.general-about .details p:not(.online){
color: #FF0000 !important;
font-size: 14px;
  font-family: Arial, sans-serif;
}

.general-about .details a{
  font-family: Arial, sans-serif;
color: #FF0000 !important;
font-size: 14px;
}

nav{ 
color: #FF0000;
font-size: 13px !important;
text-transform:none;
text-align: center;
    }

.links{
width=810px;
}

nav .links {
background: black;
box-shadow: 0px 0px 10px 6px #FF0000;
}

nav .links a:hover {
color: #FF0000;
}

nav .top{
background-color: transparent;
}

nav .top a{
color: #FF0000 !important;
}

nav .top label{
color: #FF0000;
}


.profile .url-info {
border: 3px inset #FF0000;
color: transparent;
font-size: 0.1px;
box-shadow: 0px 0px 10px 0px #FF0000;
}
.profile .table-section {
border: none;
}


nav .links a{
color: #FF0000;
  font-family: Arial, sans-serif;
font-size: 14px;
}

table.comments-table {
border: 2px inset #FF0000;
}


footer p{
color: #FF0000;
font-size: 100%;
}

footer a{
color: #FF0000;
}

footer {
color: white !important;
box-shadow: 0px 0px 15px 6px #FF0000;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background: transparent;
  }    

    </style>

<style>

h1{
animation: type 3s steps(27);
  color: transparent;
  font-size: 7px;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 6px);
}
100% {
transform: translate(0, -0px);
}

</style>

<style>
.url-info{
    background: url('https://mcdn.wallpapersafari.com/medium/92/86/YuxsoL.jpg');
    background-position: center;
    height: 77px;
    background-size:cover;
}

.url-info p{
    opacity: 0.0;
}

</style>

<style>
table.comments-table{
background-color: black;
display: block;
height: 300px!important;
overflow-y: scroll;
border-color: #FF0000;
border-width: 5px;
}
</style>



<style>
    ::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: #FF0000;}

    ::-webkit-scrollbar-track {
    background:black;}
</style>

<style>
    .comments-table td:first-child{
background-color: black;

}

.comments-table td{
border-width:0;
background-color: black;
border: 2px solid #FF0000;
</style>

<style>
.general-about .details p:nth-of-type(2) {
  position: relative !important;
  width: fit-content !important;
  margin: 12px auto !important;
  padding: 8px 14px !important;

  background: #fff0f8 !important;
  border: 2px solid #e3a8c8 !important;
  border-radius: 15px !important;
}

.general-about .details p:nth-of-type(2)::after {
  content: "" !important;
  position: absolute !important;
  bottom: -9px !important;
  left: 25px !important;

  border-width: 9px 9px 0 !important;
  border-style: solid !important;
  border-color: #e3a8c8 transparent transparent !important;
}
</style>

/* Wide Square Profile Tunes */

  div#profile-playlist-container {
  width: 125%!important;
  display: block;
  max-width: 500%!important;
} 
  .profile-playlist-widget {
  background: #fff!important;
  border: 1px solid #000!important;
  backdrop-filter: blur(10px) saturate(160%);
  -webkit-backdrop-filter: blur(10px) saturate(160%);
  color: #000!important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.4);
  max-width: 500%!important;
  font-size: 13px;
  border-radius: 0px!important;
  padding: 5px!important;
  margin: 5px 0!important;
  position: relative;
  z-index: 1;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
  .profile-playlist-widget h3 {
  margin: 0;
  font-size: 15px;
  color: #000!important;
  flex: 1;
}
  .profile-playlist-widget .song-info {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  font-weight: 1000;
  margin: 0px;
  line-height: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0)!important;
}
  .profile-playlist-widget .song-artist {
  font-weight: 800;
  color: #000!important;
  font-size: 11px;
}
  .profile-playlist-widget .pp-drag {
  width: 19px;
  min-width: 8px;
  height: 0px;
  margin-right: 6px;
  color: #000!important;
  cursor: grab;
  user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  touch-action: none;
  border-radius: 0px!important;
  transition: all 0.15s ease;
}
  .profile-playlist-widget button {
  background: none;
  border: none;
  color: #000!important;
  cursor: pointer;
  font-size: 14px;
  padding: 2px 4px;
  border-radius: 0px!important;
  transition: all 0.2s;
  margin-left: auto;
}
  .profile-playlist-widget li.current .song-info {
  color: #fff !important;
}
  .profile-playlist-widget li.current {
  color: #fff !important;
  background: black!important;
}
  .profile-playlist-widget li.current .song-artist {
  color: #fff !important;
}
  .profile-playlist-widget li.profile-playlist-item:hover {
  color: #fff !important;
  background: #6E6E6E!important;
  border: 1px solid #fff;
}
  .profile-playlist-widget li.profile-playlist-item {
  border-radius: 0px!important;
}

  li.profile-playlist-empty {
  border-radius: 0px!important;
  color: #000!important;
}
  .pp-equalizer {
  display: none;
  align-items: flex-end;
  gap: 0px;
  height: 32px!important;
  margin-right: auto;
  content: url('https://www.iconsdb.com/icons/download/white/musical-note-512.png');
}

<style>

.online{content:url("http://dl.glitter-graphics.net/pub/3058/3058251t4udpjlpsc.gif"); height: 30x; width: 50px
 
</style>

</style><div class="falling-stars"></div><style>
.falling-stars {
  position: fixed;
  inset: 0;
  background-image: url("https://i.pinimg.com/originals/1d/fe/ea/1dfeeab7a1a2973c474d98a6860931da.gif");
  background-repeat: repeat;
  background-size: 250px auto;
  pointer-events: none;
  z-index: 9999;
  
  /* ===== Custom Cursor ===== */
body, body.profile-page, .profile {
  cursor: url("https://www.rw-designer.com/cursor-download/23165/Wii%20Cursor.cur"), auto !important;
}
a, button:not(.logout-btn) {
  cursor: url("https://www.rw-designer.com/cursor-download/23165/Wii%20Cursor.cur"), pointer !important;
}</style>