:root {
    --bg-color: 238, 235, 17;
    --text-color: 42, 71, 230;
}

body {
    background-color: rgba(var(--bg-color), 0.90) !important;
}

header {
    background-color: rgba(var(--bg-color), 0.96) !important;
    border-bottom-color: rgba(255, 255, 255, 0.30) !important;
}

header .cover img {
    border-color: rgba(255, 255, 255, 0.20) !important;
}

header .player .play-pause a {
    border-color: rgba(var(--text-color), 0.80) !important;
}

header .player .play-pause a svg {
    color: rgba(var(--text-color), 0.80) !important;
}

header .player .playing span.title {
    color: rgba(var(--text-color), 1.0) !important;
}

header .player .playing span.artist {
    color: rgba(var(--text-color), 0.60) !important;
}

.social-links .networks span {
    color: rgba(var(--text-color), 1.0) !important;
}

main .container,
footer .container {
    background-color: rgba(var(--bg-color), 1.0) !important;
}

.section-title {
    color: rgba(var(--text-color), 1.0) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;;
}

ol.media-list li {
    color: rgba(var(--text-color), 1.0) !important;
    border-bottom-color: rgba(255, 255, 255, 0.15) !important;;
}

form.contact label {
    color: rgba(var(--text-color), 1.0) !important;
}

form.contact .btn-submit {
    border-color: rgba(var(--text-color), 1.0);
    background-color: rgba(255, 255, 255, 0.1);
    color: rgba(var(--text-color), 0.75) !important;
}

footer .link-create {
    color: rgba(var(--text-color), 0.3) !important;
}