:root{--heading-font: "Caprasimo", cursive;--primary-blue: rgb(33 57 102);--primary-red: rgb(252, 80, 80);--primary-green: rgb(133 219 152);--black: #000;--white: rgb(249, 249, 243);--gray-100: rgb(238, 238, 238);--gray-400: rgb(76, 78, 82);--gray-800: rgb(88, 88, 88);--gray-border: #999;--spotify-green: #1db954;--applemusic-pink: #fa2d48;--applemusic-dark: #d91e3a;--bg-main: var(--white);--bg-overlay: rgba(255, 255, 255, .5);--bg-gradient-fade: linear-gradient( to top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 76%, rgba(255, 255, 255, 1) 100% );--bg-applemusic-gradient: linear-gradient(180deg, #fa2d48 0%, #d91e3a 100%);--text-primary: var(--primary-blue);--text-light: var(--white);--text-dark: #000;--text-secondary: rgb(156, 163, 175);--border-primary: var(--primary-blue);--border-subdued: var(--gray-border);--border-width: 2px;--border-main: var(--border-width) solid var(--primary-blue);--glitch-purple: rgb(125, 103, 248);--glitch-dark-purple: rgb(49, 38, 92);--glitch-white: #fff;--scroll-height-reduction-mobile: 10px;--scroll-height-reduction-desktop: 8px;--animate-fast: .2s}