← Back to Layouts
First Layout

Name: FriendRewind
Author: FriendRewind
Author: chunky_banana3550
Category: Classic
Created: September 14, 2026
Supernatural and Paramore, Black and Green Aesthetic
Comments (0)

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

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>

/*Pixelated font*/
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');

/*Glitched font*/
@import url('https://fonts.googleapis.com/css2?family=Rubik+Glitch&display=swap');

/*Typewriter font*/
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

/* Gif */
main:before {
    width: auto;
    margin-bottom: 10px;
    border: 1px solid black;
    height: 300px;
    display: block;
    content: "";
    background-image: url(https://chunkybanana3550.neocities.org/decode.gif);
    background-position: center center;
    background-size: cover;
    box-shadow: 3px 6px 3px purple;

}






/*Nav Customization*/
.myspace-header .top-nav {
  background: linear-gradient(to bottom, rgb(37 57 19) 0, rgb(26,40,13) 100%);
}

.myspace-header .main-nav-container {
  background:  rgb(21 32 10);
  font-family: "Special Elite", serif;
  font-style: normal;
}


/*Name*/

.profile h1 .profile-name-row {
  font-family: "Rubik Glitch", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 27px;
  color: purple;
}

p {
  font-family: "Special Elite", serif;
  font-weight: 400;
  font-style: normal;
  color: black;
    }



/* Sets the supernatural background */
body.profile-page {
  background-image: 
    url("https://chunkybanana3550.neocities.org/supernatural_green.jpg");
    background-repeat: repeat;
    background-size: auto;
    background-attachment: fixed; /* background image stays as you scroll */
    background-position: center center;
}



.row.profile {
  background-color: rgba(145, 237, 152, 0.62) /* Sets the background color and transparency level */
}


/*Adjusts the Headers and Heading Text*/
.row.profile h4 {
  font-family: "VT323", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  color: #DCE7F2;
}

.blog-preview {
  color: black;
}


/*Table Section Background */

body.profile-page .details-table td:first-child {
  background: #ccc !important;
}

body.profile-page .details-table td:last-child {
    background: #b893be !important;
}




/* Quick Minor Customizations */

 :root {
        --darker-blue: darkblue; /*Contact paragraphs*/
        --lighter-blue: rgb(0,62,2); /*Card headers with borders*/
        --dark-orange: white; /*Bio, Friend Space, and Friends Comments Heading */
        --light-orange: rgb(0,62,2); /*Bio, Friend Space, and Left Side Friends Comments Background Color*/
        --even-lighter-orange: green; /* Right Side Friends Comments Background Color*/
    }



</style>