:root {
            --primary-color: #256ebb;
            --secondary-color: #da4991;
            --tertiary-color: #ff9933;
            --primary-color-percent: 7.14%;
            --secondary-color-percent: 48.19%;
            --tertiary-color-percent: 88.33%;
            --gradient-orientation: to top left;
            --particles: quantum;
        }

        .background-theme {
            background-image: -webkit-linear-gradient(var(--gradient-orientation), var(--primary-color) var(--primary-color-percent), var(--secondary-color) var(--secondary-color-percent), var(--tertiary-color) var(--tertiary-color-percent));
            background-image: linear-gradient(var(--gradient-orientation), var(--primary-color) var(--primary-color-percent), var(--secondary-color) var(--secondary-color-percent), var(--tertiary-color) var(--tertiary-color-percent));
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;
            particles: var(--particles);
        }