Blue and white background basic but cool if u like it awesome

<style>

/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.75,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"tile","heroImageUrl":"","profileRowBgImage":"","navBgColor":"#000000","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#0044ff","boxBgColor":"#000000","boxOpacity":0.65,"boxRadius":12,"contactHeaderBg":"#0044ff","contactHeaderText":"#ffffff","contactContentBg":"#000000","contactBorderColor":"#0044ff","contactBorderWidth":3,"contactBorderRadius":8,"contactBoxAnimation":"","interestsHeaderBg":"#0044ff","interestsHeaderText":"#ffffff","interestsContentBg":"#000000","interestsBorderColor":"#0044ff","interestsBorderWidth":3,"interestsBorderRadius":8,"contentBoxAnimation":"","textBody":"#ffffff","textHeading":"#0044ff","textLink":"#00ffff","headingShadowColor":"#000000","headingShadowBlur":10,"headingShadowEnable":true} */

/* Pure Y2K Blue & White Striped Era - Black Stars & Keyboard Sound Action */

/* Continuous Crawling Background Animation */

@keyframes glitterGlide {

  0% { background-position: 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px; }

  100% { background-position: 50px 50px, 80px 80px, -80px 0px, 0px 80px, 100px 100px; }

}

/* Hyper-Bright Electric Blue Glitter Rhinestone Text Effect with Black Stroke */

@keyframes neonBlueGlitter {

  0%, 100% {

    color: #99bbff !important;

    text-shadow: 

      0 0 2px #ffffff,

      2px 2px 0px #000000,

      -1px -1px 0px #0044ff,

      0 0 10px #0044ff,

      0 0 20px #0044ff,

      0 0 35px rgba(0, 68, 255, 0.8);

  }

  50% {

    color: #ffffff !important;

    text-shadow: 

      0 0 4px #0044ff,

      3px 3px 0px #000000,

      -2px -2px 0px #99bbff,

      0 0 15px #0044ff,

      0 0 30px #0044ff,

      0 0 50px rgba(0, 68, 255, 0.9);

  }

}

/* Import iconic retro-futuristic techno/Y2K style Google Fonts */

@import url('https://googleapis.com');

body, body.profile-page {

  background-color: #ffffff !important;

  /* Multi-layered Blue & White Diagonal Striped Pattern with Extra Stars & Kiss Marks */

  background-image: 

    /* Layer 1: High-Contrast Blue and White Y2K Diagonal Stripes */

    repeating-linear-gradient(45deg, #ffffff, #ffffff 25px, #0044ff 25px, #0044ff 50px),

    /* Layer 2: Blue Y2K Star Cluster Vectors */

    url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' width='40' height='40' viewBox='0 0 20 20'%3E%3Cpolygon points='10,1 12,7 18,7 13,11 15,17 10,13 5,17 7,11 2,7 8,7' fill='%230044ff' opacity='0.65'/%3E%3C/svg%3E"),

    /* Layer 3: Dense Frost White Star Layer for maximum sparkle */

    url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' width='50' height='50' viewBox='0 0 20 20'%3E%3Cpolygon points='10,2 11.5,8 17,8 12.5,11 14,16.5 10,13 6,16.5 7.5,11 3,8 8.5,8' fill='%23ffffff' opacity='0.85'/%3E%3C/svg%3E"),

    /* Layer 4: Extra Tiny Ice Blue Sparkle Star Field Layer */

    url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' width='30' height='30' viewBox='0 0 20 20'%3E%3Cpolygon points='10,4 11,8 15,9 11,10 10,14 9,10 5,9 9,8' fill='%2300ffff' opacity='0.7'/%3E%3C/svg%3E"),

    /* Heavy Grain Raw Glitter Spray Film overlaying the stripes */

    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://w3.org'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.95' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E") !important;

  background-size: 71px 71px, 40px 40px, 60px 60px, 80px 80px, 120px 120px !important;

  background-repeat: repeat !important;

  background-attachment: fixed !important;

  animation: glitterGlide 12s linear infinite !important;

  color: #ffffff !important;

  font-family: 'Syncopate', sans-serif !important;

}

/* Authentic 2000s Bling Header Banner with Bold Black Stars Flanking SWAG */

main::before {

  content: "★ ✦ ★ SWAG ★ ✦ ★" !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  width: 100% !important;

  height: 310px !important;

  font-size: 65px !important; 

  font-weight: 900 !important;

  text-transform: uppercase !important;

  letter-spacing: 6px !important;

  /* Wide, blocky retro-futuristic Y2K layout font */

  font-family: 'Syncopate', sans-serif !important;

  /* Forces the SWAG text to glitter while overriding the star symbols to stay deep pure black */

  animation: neonBlueGlitter 1.2s ease-in-out infinite !important;

  -webkit-text-fill-color: transparent !important;

  background: linear-gradient(to right, #000000 0%, #000000 32%, #0044ff 35%, #ffffffff 50%, #0044ff 65%, #000000 68%, #000000 100%) !important;

  -webkit-background-clip: text !important;

  background-clip: text !important;

  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2) !important;

  /* Horizontal Lines, Sparkle Stars, and Velvet Kiss Layers */

  background-color: #ffffff;

  background-image: 

    /* Bold 2000s Horizontal Blind Bars */

    linear-gradient(rgba(0,0,0,0.5) 40%, transparent 40%),

    /* Clusters of Tiny Blink Sparkles inside the header space */

    url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' width='30' height='30' viewBox='0 0 20 20'%3E%3Cpath d='M10,0 L11,9 L20,10 L11,11 L10,20 L9,11 L0,10 L9,9 Z' fill='%230044ff'/%3E%3C/svg%3E"),

    /* Deep Blue Kiss Marks */

    url("data:image/svg+xml,%3Csvg xmlns='http://w3.org' width='70' height='50' viewBox='0 0 60 40'%3E%3Cpath d='M10,20 C15,12 35,12 40,20 C45,15 55,22 50,28 C40,32 10,32 4,26 C2,22 8,22 10,20 Z M12,23 C20,25 35,24 42,22 C35,28 18,28 12,23 Z' fill='%230044ff' opacity='0.3'/%3E%3C/svg%3E"),

    /* Micro Diamond Texture Overlay */

    url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://w3.org'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.99' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='0.5'/%3E%3C/svg%3E") !important;

  background-size: 100% 12px, 50px 50px, 90px 70px, 80px 80px !important;

  background-repeat: repeat !important;

  background-position: 0px 0px, 10px 10px, 35px 20px, 0px 0px !important;

  border-bottom: 8px double #0044ff !important;

  box-shadow: 0 8px 25px rgba(0, 68, 255, 0.4) !important;

}

/* Semi-Transparent Glass Panels for Text Content Cleanliness */

.profile, .table-section, .friends, .blurbs, .module, .profileInfo {

  background-color: rgba(0, 0, 0, 0.88) !important; /* Slightly darker to lock visibility over the vivid white stripes */

  border: 4px dashed #0044ff !important;

  border-radius: 12px !important;

  backdrop-filter: blur(6px) saturate(1.5) !important;

  box-shadow: 0px 0px 15px rgba(0, 68, 255, 0.4) !important;

  margin-bottom: 20px !important;

}

/* Profile description text formatting */

.profile, .blurbs, .profileInfo, .about-me, p, span, td, div {

  color: #ffffff !important;

  font-family: 'Arial', sans-serif !important;

  font-size: 14px !important;

  line-height: 1.5 !important;

  text-shadow: 1px 1px 2px #000000 !important;

}

/* Custom 2000s Glitter Gradient Header Strips */

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

  background: linear-gradient(90deg, #0044ff 0%, #000000 50%, #0044ff 100%) !important;

  color: #ffffff !important;

  text-transform: uppercase !important;

  font-weight: bold !important;

  letter-spacing: 4px !important;

  border-bottom: 3px solid #ffffff !important;

  padding: 6px !important;

  font-family: 'Orbitron', sans-serif !important;

  animation: neonBlueGlitter 1.2s ease-in-out infinite !important;

}

/* Intense Glitter Blue Y2K Typography applied to all module headers */

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

  font-family: 'Orbitron', sans-serif !important;

  letter-spacing: 2px !important;

  text-transform: uppercase !important;

  animation: neonBlueGlitter 1.2s ease-in-out infinite !important;

}

/* Custom Hyper-Cyan Y2K Styled Hyperlinks */

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

  color: #00ffff !important; 

  text-shadow: 1px 1px 0px #000000 !important;

  font-weight: 900 !important;

  text-transform: uppercase !important;

  text-decoration: underline double !important;

}

a:hover {

  color: #ffff00 !important;

  text-shadow: 0 0 8px #ffff00 !important;

}

</style>

<!-- Script injection to generate authentic mechanical keyboard click sound profiles without any lag -->

<script>

document.addEventListener('click', function() {

  try {

    var audioCtx = new (window.AudioContext || window.webkitAudioContext)();

    // Primary structural mechanical keyboard switch down-click snap

    var osc = audioCtx.createOscillator();

    var gainNode = audioCtx.createGain();

    osc.type = 'triangle';

    osc.frequency.setValueAtTime(140, audioCtx.currentTime);

    osc.frequency.exponentialRampToValueAtTime(60, audioCtx.currentTime + 0.04);

    gainNode.gain.setValueAtTime(0.12, audioCtx.currentTime);

    gainNode.gain.exponentialRampToValueAtTime(0.001, audioCtx.currentTime + 0.04);

    osc.connect(gainNode);

    gainNode.connect(audioCtx.destination);

    osc.start();

    osc.stop(audioCtx.currentTime + 0.04);

    // High frequency plastic tactile bottom-out clack resonance

    var oscHigh = audioCtx.createOscillator();

    var gainHigh = audioCtx.createGain();

    oscHigh.type = 'sine';

    oscHigh.frequency.setValueAtTime(950, audioCtx.currentTime);

    oscHigh.frequency.exponentialRampToValueAtTime(400, audioCtx.currentTime + 0.02);

    gainHigh.gain.setValueAtTime(0.08, audioCtx.currentTime);

    gainHigh.gain.exponentialRampToValueAtTime(0.001, audioCtx.currentTime + 0.02);

    oscHigh.connect(gainHigh);

    gainHigh.connect(audioCtx.destination);

    oscHigh.start();

    oscHigh.stop(audioCtx.currentTime + 0.02);

  } catch(e) {}

});