body {
    --main-color: #CEDE40;
    --main-color-light: #DDE56C;
    --main-color-dark: #BBC620;
    --main-color-rgb: 206, 222, 64;
    --text-color: black;
    --main-color-lighten-1: #d8e943;
    --main-color-lighten-2: #e3f446;
    --main-color-lighten-3: #edff4a;
    --main-color-lighten-4: #f7ff4d;
    --main-color-lighten-5: #ffff50;
    --main-color-lighten-6: #ffff6d;
}
.footer-rectangle a:hover {
    color: var(--main-accent);
}
@keyframes color-rotate {
    33%{
        fill: var(--crm--main-color);
    }
    66%{
        fill: var(--base--main-color);
    }
}