Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
No preview image available
Pink

Author: lipglossangel
Category: Aesthetic
Created: January 17, 2026
Comments (0)

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

<style>
<style>
/* Generated by Visual Builder v3 */

@import url('https://fonts.googleapis.com/css2?family=Great+Vibes:wght@400;700&display=swap');

* { cursor: url(/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/symbols/sym-2/sym142.cur), auto !important;} /* End https://www.cursors-4u.com */), auto; }

html::before {
    content: "";
    position: fixed;
    top: -100%; left: -50%;
    width: 300%; height: 300%;
    background-image: url('https://i.pinimg.com/736x/9e/76/3d/9e763d5d06d9b8d6734e6ccafd1a219f.jpg');
    opacity: 0.1;
    pointer-events: none;
    animation: grain 8s steps(10) infinite;
    z-index: -2;
  }

@keyframes grain {
    0%, 100% { transform:translate(0, 0) }
    10% { transform:translate(-5%, -10%) }
    20% { transform:translate(-15%, 5%) }
    30% { transform:translate(7%, -25%) }
    40% { transform:translate(-5%, 25%) }
    50% { transform:translate(-15%, 10%) }
    60% { transform:translate(15%, 0%) }
    70% { transform:translate(0%, 15%) }
    80% { transform:translate(3%, 35%) }
    90% { transform:translate(-10%, 10%) }
  }

body {
  background-image: url("https://i.pinimg.com/736x/9e/76/3d/9e763d5d06d9b8d6734e6ccafd1a219f.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  color: #000000;
  font-family: 'Great Vibes', sans-serif;
}

:root{--cd-image:url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');}
.profile-pic{position:relative;width:183px;filter:drop-shadow(0 0 0.25rem gray);} 
.profile-pic:after{content:"";background:url('https://fluorescent-lights.neocities.org/f0rzNHe.png'),linear-gradient(150deg,rgba(255,255,255,0.4),rgba(255,255,255,0.2) 40%,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.6));background-size:contain,cover;position:absolute;top:0;left:0;width:100%;height:100%;}
.profile-pic:before{content:"";background:var(--cd-image);position:absolute;top:5px;left:-20px;width:150px;height:150px;background-repeat:no-repeat;z-index:-1;animation:cdspin 5s linear infinite;transition:left .5s ease;}
.profile-pic:hover:before{left:-75px;}
@keyframes cdspin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.profile-pic .pfp-fallback{float:right;width:163px;height:160px;border:none;}
.general-about .profile-pic img{max-width:inherit;}

.profile-pic img{border-radius:50%;}

@keyframes boxPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}} .contact{animation:boxPulse 2s infinite ease-in-out;}

@keyframes boxPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}} .table-section, .friends, .blurbs, .section, .module, .profileInfo{animation:boxPulse 2s infinite ease-in-out;}

main::before {
    content: "";
    display: block;
    width: 100%;
    height: 300px;
    background-image: url('https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExcHg5OHA3aDcxOHFjdjBkaHA1YmZuMW8zbHIxanNodnRvMzBvaTBqdiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/DhZV40aubfhbq/giphy.gif');
    background-size: cover;
    background-position: center center;
  }


.profile {
  background-image: url("https://i.pinimg.com/736x/fb/8a/9e/fb8a9ed3c59ea3743cae19bd8991f38e.jpg") !important;
  background-repeat: repeat-y !important;
  background-size: 100% auto !important;
  background-position: top center !important;
}

nav, nav .top, nav .links {
  background-color: #cb56f5;
  background-image: url("https://i.pinimg.com/736x/9e/76/3d/9e763d5d06d9b8d6734e6ccafd1a219f.jpg");
}

.blurbs, .section, .module, .profileInfo, .table-section {
    background-color: #ffffff;
    border-radius: 8px;
  }

.contact {
    border: 1px solid #fd6df1 !important;
    border-radius: 5px !important;
  }

.contact .heading {
    background-color: #fd6df1 !important;
    color: #f40b0b !important;
  }

.table-section, .friends, .blurbs, .section, .module, .profileInfo {
    border: 1px solid #ff6bfa !important;
    border-radius: 5px !important;
  }

.table-section .heading, .friends .heading, .blurbs .heading, .section .heading, .module .heading, .profileInfo .heading {
    background-color: #ff6bfa !important;
    color: #f91010 !important;
  }

h1, h2, h3, h4, h5, h6 {
  color: #000000;
  text-shadow: 0 0 2px #f52929;
}

a { color: #2daff0; }</style></style>