Another profile customization template

Here's another custom css template for this current profile! @FopTestUser

Copy into custom css section when editing profile

:root {

    --bg: #0a0015;

    --surface: #12002a;

    --border: #8800ff;

    --accent1: #ff00ff;

    --accent2: #00ffff;

    --text: #ffffff;

    --text-muted: #aa88cc;

}



@keyframes bgshift {

    0% { background-color: #0a0015; }

    50% { background-color: #000a20; }

    100% { background-color: #0a0015; }

}



@keyframes borderglow {

    0% { border-color: #ff00ff; box-shadow: 0 0 8px #ff00ff; }

    50% { border-color: #00ffff; box-shadow: 0 0 8px #00ffff; }

    100% { border-color: #ff00ff; box-shadow: 0 0 8px #ff00ff; }

}



@keyframes textglow {

    0% { text-shadow: 0 0 8px #ff00ff; }

    50% { text-shadow: 0 0 8px #00ffff; }

    100% { text-shadow: 0 0 8px #ff00ff; }

}



@keyframes float {

    0% { transform: translateY(0px); }

    50% { transform: translateY(-6px); }

    100% { transform: translateY(0px); }

}



body {

    animation: bgshift 6s ease-in-out infinite;

    background-image: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,0,255,0.03) 2px, rgba(255,0,255,0.03) 4px);

}



.card { animation: borderglow 3s ease-in-out infinite; }

h1, h2, h3 { animation: textglow 3s ease-in-out infinite; }

.navbar { animation: borderglow 3s ease-in-out infinite; }

.btn { animation: borderglow 3s ease-in-out infinite; }

.btn:hover { transform: scale(1.05); }

.footer { animation: borderglow 3s ease-in-out infinite; }