.floating-icons-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    z-index: 0;
    /* Behind content, on top of body bg */
    overflow: hidden;
}

.icon {
    position: absolute;
    opacity: 0.5;
    /* Slightly less opaque to be subtle background */
    transition: all 0.1s ease;
    animation: glow 3s ease-in-out infinite alternate;
}

@keyframes glow {
    0% {
        filter: drop-shadow(0 0 5px currentColor) drop-shadow(0 0 10px currentColor);
        opacity: 0.4;
    }

    100% {
        filter: drop-shadow(0 0 15px currentColor) drop-shadow(0 0 25px currentColor);
        opacity: 0.8;
    }
}

/* Coding Icon Colors */
.icon-1 {
    color: #61dafb;
}

/* React Blue */
.icon-2 {
    color: #f0db4f;
}

/* JS Yellow */
.icon-3 {
    color: #e34c26;
}

/* HTML Orange */
.icon-4 {
    color: #264de4;
}

/* CSS Blue */
.icon-5 {
    color: #3776ab;
}

/* Python Blue */
.icon-6 {
    color: #68a063;
}

/* Node Green */
.icon-7 {
    color: #cc6699;
}

/* Sass Pink */
.icon-8 {
    color: #f1502f;
}

/* Git Red */
.icon-9 {
    color: #00d8ff;
}

/* Cyan */
.icon-10 {
    color: #ff2d20;
}

/* Laravel Red */
.icon-11 {
    color: #777bb4;
}

/* PHP Purple */
.icon-12 {
    color: #339933;
}

/* Vue Green */