#xlogo, .svg-fill{
    fill: rgb(255, 102, 179) !important;
}
.icon-svg{
	width: 2em;
}

.lightest-back{
    background-color: #FFE8F4;
    background-image: none !important;
}
.light-back{
    background-color: #FFE8F4;
}
.back{
    background-color: #CAEE66 !important;
}
.dark-back{
    background-color: rgb(255, 102, 179) !important;
    background-image: none !important;
}
.darkest-back{
    background-color: rgb(255, 102, 179) !important;
}

.half-back{
    background-image: linear-gradient(rgba(0,0,0,0.001) 60%, #E7EFFE 25%);
}


.lightest-text{
    color: #E7EFFE;
}
.light-text{
    color: #BAD1FD;
}
.text{
    color: #CAEE66;
}
.dark-text, a{
    color: rgb(255, 102, 179);
}
.darkest-text{
    color: rgb(255, 102, 179);
}

input::placeholder, input::-webkit-input-placeholder, textarea::placeholder, textarea::-webkit-input-placeholder{
        color: rgb(255, 102, 179) !important;
    }

.border{
    border: solid 3px #CAEE66 !important;
}
.dark-border{
    border: solid 3px rgb(255, 102, 179) !important;
}

.light-highlight{
    display: inline;
    background-image: linear-gradient(rgba(0,0,0,0.001) 60%, #FFE8F4 35%);
}
.highlight{
    display: inline;
    background-image: linear-gradient(rgba(0,0,0,0.001) 60%, #FFCAE6 35%);
}
.dark-highlight, nav div a:hover{
    display: inline;
    background-image: linear-gradient(rgba(0,0,0,0.001) 60%, rgb(255, 102, 179) 35%);
}
.darkest-highlight{
    display: inline;
    background-image: linear-gradient(rgba(0,0,0,0.001) 60%, rgb(255, 102, 179) 35%);
}