.color-dark-blue,.color-hover-dark-blue:hover{color:#fff!important;background-color:#203864!important}
.color-text-dark-blue,.color-hover-text-dark-blue:hover{color:#203864!important}
.color-indigo,.color-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.color-text-indigo,.color-hover-text-indigo:hover{color:#3f51b5!important}
.color-beige,.color-hover-beige:hover{color:#000!important;background-color:#fdf5e6!important}
.color-text-beige,.color-hover-text-beige:hover{color:#fdf5e6!important}
.color-darkpurple,.color-hover-darkpurple:hover{color:#fff!important;background-color:#1C0221!important}
.color-text-darkpurple,.color-hover-text-darkpurple:hover{color:#1C0221!important}
.color-dark-purple,.color-hover-dark-purple:hover{color:#fff!important;background-color:#1C0221!important}
.color-text-dark-purple,.color-hover-text-dark-purple:hover{color:#1C0221!important}
.color-brown,.color-hover-brown:hover{color:#000!important;background-color:#938274!important}
.color-text-brown,.color-hover-text-brown:hover{color:#938274!important}
.color-green,.color-hover-green:hover{color:#000!important;background-color:#4A7C59!important}
.color-text-green,.color-hover-text-green:hover{color:#4A7C59!important}
.color-dark-green,.color-hover-dark-green:hover{color:#fff!important;background-color:#36563A!important}
.color-text-dark-green,.color-hover-text-dark-green:hover{color:#36563A!important}
.border-rainbow {border: 5px solid transparent;border-image: linear-gradient(to bottom right, #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%);border-image-slice: 1;}
.border-rainbow-animate{--angle: 0deg;border: 5px solid;border-image: linear-gradient(var(--angle), #b827fc 0%, #2c90fc 25%, #b8fd33 50%, #fec837 75%, #fd1892 100%) 1;animation: rotate 10s linear infinite;}
.border-gold {border: 5px solid transparent;border-image: linear-gradient(to bottom right, #DF9F28, #FDE08D, #8f6B29);border-image-slice: 1;}
.border-gold-animate{--angle: 0deg;border: 5px solid;border-image: linear-gradient(var(--angle), #DF9F28, #FDE08D, #8f6B29) 1;animation: rotate 10s linear infinite;}
.bgtrans{ transition:background-color 1s; }

.shimmer{mask: linear-gradient(-60deg, #000 30%, #0005, #000 70%) right/350% 100%;animation: shimmer 5s infinite;}
@keyframes shimmer {
  100% {
    mask-position: left
  }
}

@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}

@keyframes rotate {
  to {
    --angle: 360deg;
  }
}
/* #3F51B5	indigo (white text) */
/* #fdf5e6	hellbeige (black text) */
/* #1C0221	dark purple (white text) */
/* #938274	beaver brown (black text) */
/* #4A7C59	viridian green (black text) */
/* #36563A	hunter green (white text) */