← Back to Layouts
KTTY CYBER TEST

Name: FriendRewind
Author: FriendRewind
Author: p!nkgutzz
Category: :D
Created: August 14, 2026
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 */
/* =========================================================
   ★★★★★ P!NKGUTZZ — FULL 2007 SCENE MYSPACE MELTDOWN ★★★★★
   HOT PINK + TOXIC LIME + ELECTRIC BLUE + CYAN + BLACK
   HELLO KITTY CURSOR + ORIGINAL GIFS PRESERVED
   ========================================================= */


/* =========================================================
   🎀 ORIGINAL FRIEND REWIND STATE
   ========================================================= */

/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"https://i.pinimg.com/originals/bf/91/14/bf91144ce561731e937bee36cd20e86b.gif","pageBgMode":"cover","heroImageUrl":"https://i.pinimg.com/originals/72/16/46/7216465faad621e390802b05f06556e9.gif","profileRowBgImage":"https://i.pinimg.com/736x/b2/a5/b0/b2a5b0e35439b3e4b54b0858d064936f.jpg","profileRowBgMode":"cover","navBgColor":"#383838","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#ffffff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#b0307b","contactHeaderText":"#480e2f","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#b0307b","interestsHeaderText":"#4d0f33","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#d9b3ff","textHeading":"#0b2799","textLink":"#ffffff","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"https://i.pinimg.com/736x/dc/db/dd/dcdbdd7d80ac459fb8b21bde92c209e3.jpg","tableSection":"https://i.pinimg.com/736x/20/0c/83/200c833b26d4aeaf6466663d468df9b4.jpg","tunes":"","blogPreview":"","blurbs":"","friends":"https://i.pinimg.com/736x/e0/85/b0/e085b0510210f06302bd5841e0388d20.jpg","Comments Background":"","comments":""}} */


/* =========================================================
   🎨 COLOR SYSTEM
   ========================================================= */

:root {
  --pink: #ff1493;
  --hotpink: #ff0099;
  --baby-pink: #ff69b4;

  --dark-pink: #8f245f;
  --deep-pink: #5c123b;
  --wine-pink: #3a0926;

  --lime: #39ff14;
  --green: #00ff66;

  --cyan: #00ffff;
  --blue: #0066ff;
  --electric-blue: #00aaff;

  --purple: #9b00ff;

  --black: #000000;
  --white: #ffffff;
}


/* =========================================================
   🖤 ORIGINAL PAGE BACKGROUND GIF
   ========================================================= */

body,
body.profile-page {

  background-image:
    url("https://i.pinimg.com/originals/bf/91/14/bf91144ce561731e937bee36cd20e86b.gif") !important;

  background-size: cover !important;

  background-repeat: no-repeat !important;

  background-attachment: fixed !important;

  background-position: center center !important;

  background-color: #000000 !important;

  color: #ffffff !important;

  font-family:
    "Comic Sans MS",
    "Trebuchet MS",
    Arial,
    sans-serif !important;

  text-shadow:
    1px 1px 0 #000000,
    0 0 4px var(--pink) !important;
}


/* =========================================================
   🌈 CHAOTIC PAGE OVERLAY
   ========================================================= */

body::before {

  content: "" !important;

  position: fixed !important;

  inset: 0 !important;

  pointer-events: none !important;

  z-index: 0 !important;

  background:
    repeating-linear-gradient(
      45deg,
      rgba(255,20,147,.08) 0px,
      rgba(255,20,147,.08) 3px,
      transparent 3px,
      transparent 9px
    ) !important;

  mix-blend-mode: screen !important;

  animation:
    sceneOverlay 1.7s infinite alternate !important;
}

@keyframes sceneOverlay {

  0% {
    opacity: .25;
  }

  50% {
    opacity: .7;
  }

  100% {
    opacity: .3;
  }
}


/* =========================================================
   🎀 HELLO KITTY PINK CURSOR
   ACTUAL EMBEDDED CURSOR
   ========================================================= */

html,
body,
body *,
a,
button,
input,
textarea,
select {

  cursor:
    url("data:image/x-icon;base64,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6fTu7PLx7/Xy8fPy8fPy8fPy8fPy8fPy8fPy8fPz8vTz8vTz8vTz8vTz8vTz8vTz8vTz8vTy8fPy8fPy8fP18PHq6fGei+SVePKbg+2agPGVeu4AAADn5PLt6vHv7fPv7fPw7vTx7/Xz8vTz8vTz8vTy8fP08/X08/X08/X08/X08/X08/X08/X08/X08/X08/X08/Xz8vTz8vTz8vT19fXp7O+ZgOueg/Ski/aji/edg/QAAADs6vTt7PHv7vLv7vLw7/Tz8vbz8vTz8vTz8vT08/X08/X08/X08/X08/X08/X19PT18/X08/X09PTz8/Pz8/Ps6fWVjLSUgtCUeO2hifWki/aki/afhvQAAADw7fbw7vTw7/Lw8PDz8vT08/Xz8vT08/X08/X19Pb19Pb19Pb19Pb19Pb08/X19fX19fX08/bz8/P19fXw8vLx9fDc2O6HbNOJbOWRdPCNcuuQde2UePGgiPSgiPIAAAAAAADx7/Xz8vXy8vLx8PLz8vT08/Xz8vT19Pb08/X08/X08/X08/X08/X19fXv7+/k4POtn82YiMajmMnX0e6Qe92Te/KehvOcgvGYge6TeO+JbOmhiPaljvMAAAAAAADx7vXz8ffx7/Xz8vT08/X08/X19Pb09PT19fX19fX29vb39/f19fX29vb19PHEveORd+iRdOqSdfCUeO+RduqYf+2hiPahiPahiPaZhfOchfKljPSnkPaplfIAAAAAAADx7/Tz8ffz8ff08/X08/X19Pb29ff19fX29vb29vb39/f29vb29vbr6fWfi+iYgOyYgOyageychO+ii/KljPamjfeljPekjPahi/Oplurh3vbj4PPa2OMAAAAAAAAAAADz8Pf08/b19fX19fX29vb29vb19fX39/f39/f39/f39/f39/f29vbp4vWjivGdhfGgiPSgifWdhfSagfGhivOnkPamkvSqj/epku3LxOns6/Pp6O3a2OMAAAAAAAAAAADr6fDx8PP19fX19fX29vb29vb39/f39/f39/f39/f39/f39/f29vbp5PWkjfCii/OkjPWkjPWbgvSLb+qRdO6nj/ayn/G4q97f2/Tr6u/v6+/r6e/Pyt+ul/cAAAAAAADr6PTt6fPv7fP18/f29vb29vb39/f39/f39/f39/f39/f39/f29vTq6vOumOukjfKnkPWljvShifWMcuWLb+ehi+/f2fPz9PTy8Pbw7/Tw7vTu7fHa2OOul/eul/cAAAAAAADt6/Lv7fPv7fPw7/P19Pf29vb19fX19fX39/f39/f29/X29/Xx9PW9seapk/Sok/SokvWljfaji/egh/apmOzp7PPw8PPz8vTz8vXx8PPw7/MAAACul/eul/eul/cAAADv7vLv7fPw7vTz8ffy8fb09PTy8/Tm5urr6+7x8fXy9PTw8fHp7ezd2POtmvaqlvWql/WqlPemj/enj/eyp+vLyOba2Ofy8/X08/Ty8/La2OMAAACul/eul/eul/eul/cAAADz8vbz8vbz8vT08/Xt7uy8udi7tue8uOa+uuS+uOXDvOjFwebFxOW/uPCsnfCsl/aslfaul/eyofcAAAAAAAAAAAC/wOjHyOfJyeEAAAAAAACul/eul/eul/eul/eul/cAAAD09PT08/X29ffDv9mro+AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACul/e0pu+5qvQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8AAB/8AAAP+AAAB/AAAAPwAAAB8AAAAfgAAAD8AAAA8AAAAHAAAABwAAAAYAAAAGAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAgAAAAIAAAACAAAAAwAAAAMAAAADAAAAA4AAAAOAAAABgAAAAMAAAARAAAAEIAADjBB/x/w=="),
    auto !important;
}


/* =========================================================
   🎀 ORIGINAL HERO GIF — PRESERVED
   ========================================================= */

main::before {

  content: "" !important;

  display: block !important;

  width: 100% !important;

  height: 300px !important;

  background-image:
    url("https://i.pinimg.com/originals/72/16/46/7216465faad621e390802b05f06556e9.gif") !important;

  background-size: cover !important;

  background-position: center center !important;

  background-repeat: no-repeat !important;

  border:
    5px solid #000 !important;

  outline:
    3px solid var(--pink) !important;

  box-shadow:
    0 0 0 6px var(--lime),
    0 0 0 9px #000,
    0 0 20px var(--pink),
    0 0 40px var(--cyan),
    0 0 65px var(--blue) !important;

  filter:
    saturate(1.3)
    contrast(1.15)
    brightness(1.05) !important;

  animation:
    bannerChaos 2.5s infinite alternate !important;
}

@keyframes bannerChaos {

  0% {
    box-shadow:
      0 0 0 6px var(--lime),
      0 0 0 9px #000,
      0 0 20px var(--pink),
      0 0 40px var(--cyan);
  }

  50% {
    box-shadow:
      0 0 0 6px var(--cyan),
      0 0 0 9px #000,
      0 0 25px var(--hotpink),
      0 0 50px var(--lime);
  }

  100% {
    box-shadow:
      0 0 0 6px var(--hotpink),
      0 0 0 9px #000,
      0 0 30px var(--blue),
      0 0 60px var(--pink);
  }
}


/* =========================================================
   💚 ORIGINAL PROFILE BACKGROUND — PRESERVED
   ========================================================= */

.profile {

  background-image:
    url("https://i.pinimg.com/736x/b2/a5/b0/b2a5b0e35439b3e4b54b0858d064936f.jpg") !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

  background-position: top center !important;

  background-color: rgba(0,0,0,.92) !important;

  border:
    4px solid #000 !important;

  box-shadow:
    0 0 0 3px var(--pink),
    0 0 0 6px var(--lime),
    0 0 0 9px var(--blue),
    0 0 25px var(--pink),
    0 0 50px var(--cyan),
    inset 0 0 35px #000 !important;

  position:
    relative !important;
}


/* =========================================================
   📺 SCANLINES
   ========================================================= */

.profile::before {

  content: "" !important;

  position:
    absolute !important;

  inset:
    0 !important;

  pointer-events:
    none !important;

  z-index:
    19 !important;

  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.035) 0px,
      rgba(255,255,255,.035) 1px,
      transparent 1px,
      transparent 5px
    ) !important;

  opacity:
    .8 !important;
}


/* =========================================================
   ✨ GLITTER
   ========================================================= */

.profile::after {

  content:
    "✦ ♥ ✧ ★ ✦ ♥ ✧ ★ ✦ ♥ ✧ ★ ✦ ♥ ✧ ★ ✦ ♥ ✧ ★ " !important;

  position:
    absolute !important;

  inset:
    0 !important;

  pointer-events:
    none !important;

  z-index:
    20 !important;

  color:
    rgba(255,255,255,.2) !important;

  font-size:
    18px !important;

  line-height:
    35px !important;

  letter-spacing:
    12px !important;

  word-break:
    break-all !important;

  overflow:
    hidden !important;

  text-shadow:
    0 0 5px var(--pink),
    0 0 10px var(--cyan) !important;

  opacity:
    .3 !important;

  animation:
    glitterMove 7s linear infinite !important;
}

@keyframes glitterMove {

  from {
    transform:
      translateY(-50px);
  }

  to {
    transform:
      translateY(50px);
  }
}


/* =========================================================
   🖤 NAVIGATION
   ========================================================= */

.myspace-header .top-nav,
.myspace-header .main-nav-wrapper {

  background:
    repeating-linear-gradient(
      135deg,
      #000 0px,
      #000 8px,
      #ff1493 8px,
      #ff1493 16px,
      #000 16px,
      #000 24px,
      #39ff14 24px,
      #39ff14 32px
    ) !important;

  border:
    3px solid #000 !important;

  box-shadow:
    0 0 0 2px var(--cyan),
    0 0 0 5px var(--pink),
    0 0 15px var(--lime) !important;
}

.myspace-header .main-nav li {

  border-right:
    2px dotted var(--lime) !important;
}

.myspace-header .main-nav li a {

  color:
    #fff !important;

  font-family:
    "Comic Sans MS",
    Arial,
    sans-serif !important;

  font-weight:
    900 !important;

  text-transform:
    uppercase !important;

  text-shadow:
    2px 2px 0 #000,
    0 0 5px var(--pink) !important;

  transition:
    all .08s linear !important;
}

.myspace-header .main-nav li a:hover {

  color:
    #000 !important;

  background:
    var(--lime) !important;

  text-shadow:
    none !important;
}


/* =========================================================
   🖤 ALL PROFILE BOXES
   ========================================================= */

.contact,
.table-section,
.friends,
.blurbs,
.section,
.module,
.profileInfo,
.friend-space,
.badges-section,
.url-info,
.interests {

  background-color:
    rgba(0,0,0,.92) !important;

  border:
    3px solid var(--pink) !important;

  border-radius:
    0 !important;

  color:
    #fff !important;

  box-shadow:
    0 0 0 2px #000,
    0 0 0 4px var(--lime),
    0 0 0 6px #000,
    0 0 15px var(--pink),
    0 0 30px rgba(0,255,255,.45),
    inset 0 0 20px rgba(255,20,147,.18) !important;

  position:
    relative !important;

  overflow:
    hidden !important;

  transition:
    all .12s linear !important;
}


/* =========================================================
   💚 GENERAL SECTION HEADERS
   ========================================================= */

.contact .heading,
.table-section .heading,
.friends .heading,
.blurbs .heading,
.section .heading,
.module .heading,
.profileInfo .heading {

  background:
    repeating-linear-gradient(
      90deg,
      #ff1493 0px,
      #ff1493 20px,
      #000 20px,
      #000 40px,
      #39ff14 40px,
      #39ff14 60px,
      #0066ff 60px,
      #0066ff 80px
    ) !important;

  color:
    #fff !important;

  border:
    2px solid #000 !important;

  border-bottom:
    3px solid var(--cyan) !important;

  font-weight:
    900 !important;

  text-transform:
    uppercase !important;

  letter-spacing:
    1px !important;

  text-shadow:
    2px 2px 0 #000,
    0 0 7px #fff !important;

  box-shadow:
    inset 0 2px rgba(255,255,255,.5),
    0 0 12px var(--pink) !important;

  animation:
    headerHue 3s infinite steps(3) !important;
}

@keyframes headerHue {

  0% {
    filter:
      hue-rotate(0deg);
  }

  33% {
    filter:
      hue-rotate(80deg);
  }

  66% {
    filter:
      hue-rotate(160deg);
  }

  100% {
    filter:
      hue-rotate(0deg);
  }
}


/* =========================================================
   💖 ORIGINAL URL IMAGE — PRESERVED
   ========================================================= */

.url-info {

  background-image:
    url("https://i.pinimg.com/736x/dc/db/dd/dcdbdd7d80ac459fb8b21bde92c209e3.jpg") !important;

  background-size:
    cover !important;

  background-position:
    center center !important;

  background-repeat:
    no-repeat !important;

  border-color:
    var(--cyan) !important;
}


/* =========================================================
   💿 ORIGINAL TABLE IMAGE — PRESERVED
   ========================================================= */

.table-section {

  background-image:
    url("https://i.pinimg.com/736x/20/0c/83/200c833b26d4aeaf6466663d468df9b4.jpg") !important;

  background-size:
    cover !important;

  background-position:
    center center !important;

  background-repeat:
    no-repeat !important;
}


/* =========================================================
   💚 ORIGINAL FRIENDS IMAGE — PRESERVED
   ========================================================= */

.friends {

  background-image:
    url("https://i.pinimg.com/736x/e0/85/b0/e085b0510210f06302bd5841e0388d20.jpg") !important;

  background-size:
    cover !important;

  background-position:
    center center !important;

  background-repeat:
    no-repeat !important;

  border-color:
    var(--lime) !important;
}


/* =========================================================
   💗 GENERAL HEADINGS
   ========================================================= */

h1,
h2,
h3,
h4,
h5,
h6,
.table-section h4,
.module h4,
.blurbs h4,
.section h4 {

  color:
    #fff !important;

  font-weight:
    900 !important;

  text-transform:
    uppercase !important;

  text-shadow:
    2px 2px 0 #000,
    0 0 5px var(--pink),
    0 0 10px var(--cyan),
    0 0 18px var(--lime) !important;

  animation:
    textRainbow 2.2s infinite alternate !important;
}

@keyframes textRainbow {

  0% {
    color:
      var(--pink) !important;
  }

  33% {
    color:
      var(--lime) !important;
  }

  66% {
    color:
      var(--cyan) !important;
  }

  100% {
    color:
      #fff !important;
  }
}


/* =========================================================
   🌈 BODY TEXT
   ========================================================= */

.profile,
.table-section,
.module,
.blurbs,
.section,
.profileInfo,
.friend-space,
.badges-section,
.url-info,
.contact,
.interests {

  color:
    #fff !important;

  text-shadow:
    1px 1px 0 #000 !important;
}


/* =========================================================
   💙 LINKS
   ========================================================= */

a,
.profile a,
.table-section a,
.module a {

  color:
    var(--cyan) !important;

  font-weight:
    bold !important;

  text-decoration:
    underline !important;

  text-shadow:
    1px 1px 0 #000,
    0 0 6px var(--blue) !important;

  transition:
    all .08s linear !important;
}

a:hover,
.profile a:hover,
.table-section a:hover,
.module a:hover {

  color:
    #000 !important;

  background:
    var(--lime) !important;

  text-shadow:
    none !important;

  outline:
    2px solid var(--pink) !important;
}


/* =========================================================
   🖼️ IMAGE HOVER
   ========================================================= */

.profile img,
.friend-space img {

  border:
    3px solid #000 !important;

  box-shadow:
    0 0 0 2px var(--pink),
    0 0 0 4px var(--lime),
    0 0 12px var(--cyan) !important;

  transition:
    transform .12s steps(2),
    filter .12s linear !important;
}

.profile img:hover,
.friend-space img:hover {

  transform:
    rotate(-2deg)
    scale(1.05) !important;

  filter:
    saturate(1.7)
    contrast(1.2)
    hue-rotate(20deg) !important;
}


/* =========================================================
   🖤💗 INTERESTS — SOLID BLACK + DARK GORGEOUS PINK
   ========================================================= */

.interests {

  border:
    3px solid var(--deep-pink) !important;

  background:
    #000000 !important;

  box-shadow:
    0 0 0 2px #000000,
    0 0 0 4px var(--wine-pink),
    0 0 12px rgba(92,18,59,.65),
    inset 0 0 18px rgba(92,18,59,.18) !important;
}


/* ---------------------------------------------------------
   INTERESTS HEADER / BAR
   --------------------------------------------------------- */

.interests .heading {

  background:
    #000000 !important;

  color:
    var(--dark-pink) !important;

  font-family:
    inherit !important;

  font-weight:
    inherit !important;

  text-transform:
    inherit !important;

  letter-spacing:
    inherit !important;

  border:
    0 !important;

  border-bottom:
    2px solid var(--deep-pink) !important;

  text-shadow:
    0 0 3px rgba(143,36,95,.7),
    1px 1px 0 #000000 !important;

  box-shadow:
    inset 0 -2px 0 rgba(143,36,95,.25),
    0 0 8px rgba(92,18,59,.35) !important;

  animation:
    none !important;
}


/* ---------------------------------------------------------
   INTERESTS HEADER TEXT
   --------------------------------------------------------- */

.interests .heading h1,
.interests .heading h2,
.interests .heading h3,
.interests .heading h4,
.interests .heading h5,
.interests .heading h6,
.interests .heading span {

  color:
    var(--dark-pink) !important;

  font-family:
    inherit !important;

  font-weight:
    inherit !important;

  text-shadow:
    0 0 3px rgba(143,36,95,.65),
    1px 1px 0 #000000 !important;
}


/* ---------------------------------------------------------
   INTERESTS CONTENT
   --------------------------------------------------------- */

.interests,
.interests * {

  font-family:
    inherit !important;
}


/* ---------------------------------------------------------
   INTERESTS LINKS
   --------------------------------------------------------- */

.interests a {

  color:
    #a83270 !important;

  text-shadow:
    0 0 3px rgba(168,50,112,.5) !important;
}

.interests a:hover {

  color:
    #c94b8a !important;

  background:
    transparent !important;

  outline:
    none !important;

  text-shadow:
    0 0 5px rgba(201,75,138,.7) !important;
}


/* ---------------------------------------------------------
   SUBTLE INTERESTS HOVER
   --------------------------------------------------------- */

.interests:hover {

  border-color:
    #74204d !important;

  box-shadow:
    0 0 0 2px #000000,
    0 0 0 4px var(--wine-pink),
    0 0 18px rgba(116,32,77,.65),
    inset 0 0 20px rgba(92,18,59,.2) !important;
}


/* =========================================================
   💗 CONTACT
   ========================================================= */

.contact {

  border-color:
    var(--pink) !important;
}

.contact .heading {

  background:
    linear-gradient(
      90deg,
      #ff1493,
      #000,
      #39ff14,
      #000,
      #00ffff,
      #000,
      #ff1493
    ) !important;
}


/* =========================================================
   💚 FRIEND SPACE
   ========================================================= */

.friend-space {

  border:
    3px dotted var(--lime) !important;

  background-color:
    rgba(0,0,0,.92) !important;
}

.friend-space:hover {

  border-color:
    var(--pink) !important;

  background-color:
    rgba(255,20,147,.12) !important;
}


/* =========================================================
   💚 ONLINE STATUS
   ========================================================= */

.online,
.status,
.profile-status {

  color:
    var(--lime) !important;

  font-weight:
    900 !important;

  text-shadow:
    0 0 4px #000,
    0 0 8px var(--lime),
    0 0 15px var(--green) !important;

  animation:
    onlineBlink .65s infinite alternate !important;
}

@keyframes onlineBlink {

  from {
    opacity:
      .45;
  }

  to {
    opacity:
      1;
  }
}


/* =========================================================
   💬 INPUTS
   ========================================================= */

input,
textarea,
select {

  background:
    #000 !important;

  color:
    #fff !important;

  border:
    3px solid var(--hotpink) !important;

  border-radius:
    0 !important;

  box-shadow:
    0 0 0 2px var(--lime),
    0 0 10px var(--cyan) !important;
}

input:focus,
textarea:focus,
select:focus {

  outline:
    3px solid var(--cyan) !important;

  border-color:
    var(--lime) !important;

  box-shadow:
    0 0 0 4px var(--pink),
    0 0 15px var(--cyan),
    0 0 25px var(--lime) !important;
}


/* =========================================================
   💿 BUTTONS
   ========================================================= */

button,
input[type="submit"] {

  background:
    linear-gradient(
      135deg,
      var(--pink),
      var(--purple),
      var(--blue)
    ) !important;

  color:
    #fff !important;

  border:
    3px solid #000 !important;

  box-shadow:
    0 0 0 2px var(--lime),
    0 0 10px var(--cyan) !important;

  font-weight:
    900 !important;

  text-transform:
    uppercase !important;
}

button:hover,
input[type="submit"]:hover {

  background:
    var(--lime) !important;

  color:
    #000 !important;

  transform:
    scale(1.08)
    rotate(-1deg) !important;

  box-shadow:
    0 0 0 3px var(--pink),
    0 0 20px var(--cyan),
    0 0 35px var(--lime) !important;
}


/* =========================================================
   📺 SCROLLBAR
   ========================================================= */

::-webkit-scrollbar {

  width:
    14px !important;
}

::-webkit-scrollbar-track {

  background:
    #000 !important;

  border:
    2px solid var(--pink) !important;
}

::-webkit-scrollbar-thumb {

  background:
    repeating-linear-gradient(
      0deg,
      #ff1493 0px,
      #ff1493 8px,
      #39ff14 8px,
      #39ff14 16px,
      #00ffff 16px,
      #00ffff 24px,
      #0066ff 24px,
      #0066ff 32px
    ) !important;

  border:
    2px solid #000 !important;

  box-shadow:
    0 0 8px var(--pink) !important;
}

::-webkit-scrollbar-thumb:hover {

  background:
    #fff !important;

  box-shadow:
    0 0 15px var(--lime),
    0 0 25px var(--pink) !important;
}

html {

  scrollbar-color:
    var(--pink) #000 !important;

  scrollbar-width:
    auto !important;
}


/* =========================================================
   ✨ DIVIDERS
   ========================================================= */

hr {

  border:
    0 !important;

  height:
    5px !important;

  background:
    repeating-linear-gradient(
      90deg,
      #ff1493 0px,
      #ff1493 15px,
      #000 15px,
      #000 30px,
      #39ff14 30px,
      #39ff14 45px,
      #00ffff 45px,
      #00ffff 60px,
      #0066ff 60px,
      #0066ff 75px
    ) !important;

  box-shadow:
    0 0 5px var(--pink),
    0 0 12px var(--cyan) !important;
}


/* =========================================================
   💗 SELECTION
   ========================================================= */

::selection {

  background:
    var(--lime) !important;

  color:
    #000 !important;
}


/* =========================================================
   ★ FINAL SCENE SATURATION
   ========================================================= */

main,
.profile,
.myspace-header {

  filter:
    saturate(1.12) !important;
}


/* =========================================================
   ★★★★★ END OF P!NKGUTZZ SCENE PROFILE ★★★★★
   ========================================================= */
</style>