:root{--primary: #240168;--secondary: #692CE0;--tertiary: #DEFF00;--quaternary: #FCFFEB;--monochrome-0: #000;--monochrome-1: #111;--monochrome-2: #222;--monochrome-3: #333;--monochrome-4: #444;--monochrome-5: #555;--monochrome-6: #666;--monochrome-7: #777;--monochrome-8: #888;--monochrome-9: #999;--monochrome-10: #aaa;--monochrome-11: #bbb;--monochrome-12: #ccc;--monochrome-13: #ddd;--monochrome-14: #eee;--monochrome-15: #fff;--background: var(--primary);--title-font-color: var(--tertiary);--subtitle-font-color: var(--monochrome-15);--footer-color: var(--monochrome-15);--button-primary-font-color: var(--primary);--button-primary-background-color: var(--tertiary);--button-secondary-font-color: var(--primary);--button-secondary-background-color: var(--quaternary);--button-select-font-color: var(--secondary);--button-select-background-color: var(--quaternary);--button-select-hover-font-color: var(--monochrome-15);--button-select-hover-background-color: var(--secondary );--pagination-active-color: var(--tertiary);--pagination-inactive-color: var(--monochrome-15);--logo-width: 224px;--logo-height: 44px}