.purple{
    background-color:#ecc9fa;
    border-color:#a414da;
    color:black;
}
.purple .heading
{
    background-color:#d991f4;
    border-color:#a414da;
    color:black;
}
.purple .heading b
{
    color:black;
}
.purple a{
    color: #a414da;
}
.purple a:hover{
    color: #720e98;
}
.purple ::selection {
    background:#a414da;
    color: white;
    text-shadow: none;
}
.purple ::-moz-selection {
    background: #a414da;
    color: #EEE;
    text-shadow: none;
}
.purple .icon{
    border-color:#a414da;
}

body.purple{
    background: #fb46c0;
    background: linear-gradient(90deg, #fb46c0 0%, #a414da 50%, #720e98 100%);
    scrollbar-color:#a414da #d991f4;
}
.purple .container, .purple #mobile-nav{
    background-color:#ecc9fa;
    border-color:#a414da;
}