Layout Preview | FriendRewind

Name: FriendRewind
Author: FriendRewind
FriendRewind
← Back to Layouts
Gumi ><

Author: Pr3tty-li1_PHYSC0
Category: Vivi? oh shes great <3
Created: May 31, 2026
silli
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=Chewy&display=swap');

:root {
  --gumi-green: #39ff88;
  --gumi-orange: #ff8c2a;
  --gumi-yellow: #fff3a6;
  --gumi-dark: #070b08;
}

/* =========================
   🌿 BACKGROUND (SAFE + WORKING)
========================= */
body, body.profile-page {
  margin: 0;
  font-family: 'Chewy', cursive !important;
  color: var(--gumi-yellow) !important;

  background-color: var(--gumi-dark) !important;

  /* MAIN GUMI IMAGE (stable) */
  background-image: url("https://media.tenor.com/1Y5mZ8q8z1wAAAAC/gumi-vocaloid.gif") !important;

  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

/* =========================
   🌟 SCENECORE OVERLAY
========================= */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 999;

  background-image: url("https://media.tenor.com/kKmvIr30vQYAAAAj/stars-changing-colors.gif");
  background-size: 120px;
  opacity: 0.20;
}

/* =========================
   🟢 TEXT STYLE (GUMI ENERGY)
========================= */
h1, h2, h3, h4 {
  color: var(--gumi-green) !important;
  text-shadow: 0 0 8px var(--gumi-green);
}

p, div {
  color: var(--gumi-yellow) !important;
}

/* =========================
   🔗 LINKS
========================= */
a {
  color: var(--gumi-orange) !important;
  text-decoration: none;
}

a:hover {
  color: var(--gumi-yellow) !important;
  text-shadow: 0 0 8px var(--gumi-green);
}

/* =========================
   📦 MODULE BOXES
========================= */
.module,
.section,
.blurbs,
.table-section,
.profileInfo {
  background: rgba(10, 15, 12, 0.82) !important;
  border: 2px solid var(--gumi-green) !important;
  border-radius: 10px !important;
  color: var(--gumi-yellow) !important;

  box-shadow: 0 0 10px rgba(57,255,136,0.25);
}

/* hover glow */
.module:hover,
.section:hover,
.blurbs:hover {
  box-shadow: 0 0 18px var(--gumi-orange);
}

/* =========================
   🖼 PROFILE IMAGE GLOW
========================= */
.profile-pic img {
  border-radius: 12px !important;
  border: 3px solid var(--gumi-orange) !important;

  box-shadow:
    0 0 10px var(--gumi-green),
    0 0 18px var(--gumi-yellow);
}

/* =========================
   🌀 FLOAT EFFECT
========================= */
@keyframes floaty {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
  100% { transform: translateY(0px); }
}

.module,
.section,
.blurbs {
  animation: floaty 5s ease-in-out infinite;
}

/* =========================
   🧃 CURSOR (FRIENDREWIND SAFE)
========================= */
body, a, button, input, textarea, select {
  cursor: url("https://cur.cursors-4u.net/anime/ani-12/ani1141.gif") 32 32, auto !important;
}

/* hover feel */
a:hover {
  transform: scale(1.05);
  text-shadow: 0 0 8px var(--gumi-green);
}
</style></style>