Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
Well I tried

Author: CrocoKroc
Category: Mine
Created: June 9, 2026
Comments (0)

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

<style>
<style>
          @import url('https://fonts.googleapis.com/css2?family=Special+Elite&family=UnifrakturMaguntia&display=swap');

p{
  font-family: "Special Elite", system-ui;
  font-size: 110%;
  font-style: normal;
  color:#DADADA
}

h1,h2,h3,h4,h5{
  font-family: "UnifrakturMaguntia", system-ui;
  font-size: 175%;
  font-style: normal;
  color:#C01111
}

  body {
   background: black
}

.profile {
   background-color: black
}

main:before {
    width: auto;
    margin-bottom: auto;
    border: 1px black;
    height: 300px;
    display: block;
    content: "";
    box-shadow: black;
    background-image: url(https://i.postimg.cc/4ydJQh0v/Borjgali-Imgur.png);
    background-position: center center;
    background-size: cover;
}

footer {
    border-radius: 15px;
    background-color:#181818;
}

:root {
    --logo-blue:#181818;
    --darker-blue: white;
    --lighter-blue: #303030;
    --even-lighter-blue:;
    --lightest-blue: ;
    --dark-orange: grey;
    --light-orange: #181818;
    --even-lighter-orange:;
    --green: 
}
          </style>

<style>
         
 #vinyl-gallery * {
    all: unset;
  }
 
  #vinyl-gallery {
    all: initial!important;
    width: 100%!important;
    height: 230px!important;
    margin: 30px 0!important;
    display: flex!important;
    flex-direction: row!important;
    position: relative!important;
    margin-left: -6px!important;
  }
 
  #vinyl-gallery .vinyl {
      all:unset!important;
    perspective: 500px !important;
    width: 18px!important;
    transition: width 0.5s!important;
  }
 
  #vinyl-gallery .vinyl:hover {
    width: 148px!important;
  }
 
  #vinyl-gallery img {
      all:unset!important;
    transition: transform 0.5s, width 0.5s, height 0.5s, margin-top 0.5s!important;
    width: 180px!important;
    height: 180px!important;
    transform: rotateX(0deg) rotateY(25deg)!important;
    transform-style: preserve-3d!important;
    border-radius: 4px!important;
    border: 2px solid rgba(0, 0, 0, 0.1)!important;
object-fit: cover!important;
  }
 
  #vinyl-gallery .vinyl:hover img {
    transform: rotateX(0deg) rotateY(10deg)!important;
    width: 188px!important;
    height: 188px!important;
    margin-top: -2px!important;
  }
 
  #vinyl-gallery .title {
    display: block;
    visibility: hidden;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    padding-left: 6px;
    font-family: "Special Elite", system-ui;
    color:white;

  }
 
  #vinyl-gallery .vinyl:nth-child(n):hover + .title {
    visibility: visible;
  }
          </style></style>