#profile-section .user-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

#profile-section .user-header h1 {
    font-size: 2.5em;
    padding: 0.5em;
    flex-basis: 50%;
    flex-grow: 1;
}

#profile-section .user-header img {
    width: 10rem;
    border: 0.2rem solid var(--color-primary);
    background-color: transparent;
    border-radius: 50%;
    padding: 0;
    margin: 1em;
}

#profile-section .user-header .member-since {
    padding: 0.8em;
}

#profile-section .user-header .member-since time {
    display: inline-block;
    font-weight: bold;
}

#admin-panel form {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
}

#admin-panel select {
    font-size: 1em;
}

.social-links {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

.social-links img {
    width: 1.5em;
    height: 1.5em;
    filter: var(--svg-icon-color-dark);
    padding: 0 0.3em;
}

.social-links a {
    color: var(--color-text-dark);
    padding: 0.5em;
    border-radius: 0.25em;
    display: flex;
    width: max-content;
    justify-content: space-between;
    margin: 0.3em;
}

.social-links a:hover {
    border-radius: 0.6em;
    scale: 105%;
}

.social-links a[title="Reddit"] {
    background-color: hsl(16, 100%, 50%);
}
.social-links a[title="Twitter"] {
    background-color: hsl(203, 79%, 53%);
}
.social-links a[title="Instagram"] {
    background-color: hsl(328, 60%, 49%);
}
.social-links a[title="Discord"] {
    background-color: hsl(235, 83%, 59%);
}
.social-links a[title="Website"] {
    background-color: var(--color-1-dark);
}