#pfp {
    border-radius: 50%;
    width: 150px;
    height: 150px;

    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto;

    animation: pulse-shadow 3s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite
        alternate;
}

.theme-switcher {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0;
    gap: 10px;
    top: 10px;
    right: 10px;
    padding: 10px;
}

#header {
    text-align: center;
    margin: 0 auto;

    background: linear-gradient(
        to right,
        #7953cd 20%,
        #00affa 30%,
        #0190cd 70%,
        #764ada 80%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 3s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite
        alternate;
}

#content {
    max-width: 800px;
    margin: 0 auto;
    align-items: center;
    text-align: center;
}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

@keyframes pulse-shadow {
    0% {
        box-shadow: 0 0 5px 0 #00affa; /* Initial shadow color and spread */
    }
    50% {
        box-shadow: 0 0 20px 10px #7953cd; /* Pulsing color and larger spread */
    }
    100% {
        box-shadow: 0 0 5px 0 #00affa; /* Returns to initial state */
    }
}