:root{--primaryColor:#675da6;--titleColor:#766bbf;--title:"DynaPuff";--text:"Open Sans";--background:#111;--background-secondary:#141920;--border:#191919;--button-border:#5c50a8;--text-primary:#fff}[data-theme=dark]{--background:#111;--background-secondary:#141920;--border:#191919;--text-primary:#fff}[data-theme=light]{--background:#f2f5fa;--background-secondary:#fff;--border:#d2d8e4;--text-primary:#333}[data-theme=hacker]{--primaryColor:#0ff;--titleColor:#0ff;--background:#000;--background-secondary:#0a0a0a;--border:#0f0e0e;--text-primary:#0f0;--button-border:#22caca;--title:"VT323",monospace;--text:"Orbitron",sans-serif}[data-theme=ocean]{--background:#005c80;--background-secondary:#0080a6;--border:#ffae03;--text-primary:#fff;--title:"Bebas Neue",sans-serif;--text:"Roboto",sans-serif}[data-theme=cosmic]{--background:#213;--background-secondary:#314;--border:#f07;--text-primary:#fff;--title:"Montserrat",sans-serif;--text:"Raleway",sans-serif}html{scroll-behavior:smooth;scroll-padding-top:80px}@media(max-width:700px){html{scroll-padding-top:0}}body{padding:0;margin:0;background-color:var(--background)}