style.css/*
:root {
/* glassmorphism config vars *//*
--backdrop-blur-weak: blur(1px);
--backdrop-blur-medium: blur(3px);
--backdrop-blur-strong: blur(5px);
--white-very-weak: rgba(255, 255, 255, var(--alpha-very-weak));
--white-weak: rgba(255, 255, 255, var(--alpha-weak));
--white-medium: rgba(255, 255, 255, var(--alpha-medium));
--white-strong: rgba(255, 255, 255, var(--alpha-strong));
--white-very-strong: rgba(255, 255, 255, var(--alpha-very-strong));
--base-color: 197 100% 64%;
--black-very-weak: hsl(var(--base-color) / var(--alpha-very-weak));
--black-weak: hsl(var(--base-color) / var(--alpha-weak));
--black-medium: hsl(var(--base-color) / var(--alpha-medium));
--black-strong: hsl(var(--base-color) / var(--alpha-strong));
--black-very-strong: hsl(var(--base-color) / var(--alpha-very-strong));
--border-radius-short: 3px;
--border-radius-middle: 7px;
--border-radius-long: 12px;
--shadow-close: 1px 1px 5px rgb(0 0 0 / var(--alpha-weak));
--shadow-middle: 2px 4px 5px rgb(0 0 0 / var(--alpha-weak));
--shadow-far: 4px 8px 10px rgb(0 0 0 / var(--alpha-medium));
--light-gradient: linear-gradient(125deg, var(--white-medium), var(--white-very-weak));
--theme-main-hs: 300 80%;
--light-dull: 20%;
--light-medium: 35%;
--light-bright: 60%;
--alpha-very-weak: .1;
--alpha-weak: .2;
--alpha-medium: .4;
--alpha-strong: .6;
--alpha-very-strong: .7;
--body-bg-layer-1: radial-gradient(ellipse at 60% 30%, transparent, var(--black-very-weak), var(--black-medium));
--body-bg-layer-2: radial-gradient(ellipse at 40% 70%, transparent, var(--white-very-weak), var(--white-medium), var(--white-very-strong));
--body-bg-layer-3: linear-gradient(255deg, #E2125F, #1d0cd4);
}*/