.rainbow-button {
    width:calc(20vw + 6px);
    height:calc(8vw + 6px);
    background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
    border-radius:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform:uppercase;
    font-size:3vw;
    font-weight:bold;
}
.rainbow-button:after {
    content:attr(alt);
    width:20vw;
    height:8vw;
    background-color:#191919;
    display:flex;
    align-items:center;
    justify-content:center;
}
.rainbow-button:hover {
    animation:slidebg 2s linear infinite;
}

.dark-scheme.de-grey header.smaller,
.dark-scheme.de-grey #mainmenu ul{
    background: rgb(255,0,102) !important;
    background: linear-gradient(-120deg, rgba(255,0,102,0.5) 0%, rgba(121,52,190,0.5) 50%, rgba(0,41,242,0.5) 100%) !important;
}

.dark-scheme.de-grey header.header-mobile
{
    background: rgb(255,0,102) !important;
    background: linear-gradient(-120deg, rgba(255,0,102,0.5) 0%, rgba(121,52,190,0.5) 50%, rgba(0,41,242,0.5) 100%) !important;
}