Sophiaviolet

PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuXzEiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgcGF0dGVyblRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMTAiIGZpbGw9IiMzYjA2MjAiIGZpbGwtb3BhY2l0eT0iMC41Ii8+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjMDYwZDE4Ii8+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNwYXR0ZXJuXzEpIi8+PC9zdmc+') !important;

    font-family: 'Segoe UI', 'Roboto', sans-serif !important;

    font-size: 12px !important;

    color: #ffe0f0 !important;

    line-height: 1.5 !important;

    text-shadow: 0 0 2px rgba(255, 0, 212, 0.3) !important;

}

main {

    background: none !important;

    border: none !important;

    box-shadow: none !important;

}

/* -- Neon Module Containers -- */

.contact, .url-info, .table-section, .tunes, .blog-preview, .blurbs, .friends, #comments {

    border: 1px solid rgba(255, 0, 212, 0.5) !important;

    border-radius: 4px !important;

    background: rgba(3, 10, 18, 0.9) !important; /* Dark background */

    box-shadow: 0 0 15px rgba(255, 0, 212, 0.2), inset 0 0 5px rgba(255, 0, 212, 0.1) !important;

    margin-bottom: 20px !important;

    padding: 0 !important;

    overflow: hidden !important;

    position: relative !important;

    backdrop-filter: blur(5px) !important;

}

/* Add a neon effect to the border of containers */

.contact::before, .url-info::before, .table-section::before, 

.tunes::before, .blog-preview::before, .blurbs::before, 

.friends::before, #comments::before {

    content: '' !important;

    position: absolute !important;

    top: 0 !important;

    left: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    border: 1px solid rgba(255, 0, 212, 0.8) !important;

    border-radius: 4px !important;

    box-shadow: 0 0 5px rgba(255, 0, 212, 0.5), inset 0 0 5px rgba(255, 0, 212, 0.2) !important;

    pointer-events: none !important;

    z-index: 1 !important;

}

/* -- Neon Headers -- */

.contact .heading, .url-info .heading, .table-section .heading, .tunes .heading, 

.blog-preview h4, .blurbs .heading, .friends .heading, #comments .heading {

    background: linear-gradient(to right, rgba(40, 0, 25, 0.95), rgba(60, 0, 45, 0.95)) !important; /* Dark pink gradient */

    color: #ff2bff !important;

    font-weight: bold !important;

    font-size: 13px !important;

    text-shadow: 0 0 5px rgba(255, 0, 212, 0.7) !important;

    height: 30px !important;

    line-height: 30px !important;

    padding: 0 12px !important;

    margin: 0 !important;

    border-bottom: 1px solid rgba(255, 0, 212, 0.3) !important;

    text-align: left !important;

    position: relative !important;

    overflow: hidden !important;

}

/* -- Header light scan effect -- */

.contact .heading::after, .url-info .heading::after, .table-section .heading::after, 

.tunes .heading::after, .blog-preview h4::after, .blurbs .heading::after, 

.friends .heading::after, #comments .heading::after {

    content: '' !important;

    position: absolute !important;