/* ========= Components ========= */
.box {
    background: var(--color-box-bg);
    backdrop-filter: blur(var(--blur-strength));
    -webkit-backdrop-filter: blur(var(--blur-strength));
    padding: var(--spacing-padding);
    border-radius: var(--radius-box);
    border: 1px solid var(--color-box-border);
    text-align: center;
    word-wrap: break-word;
    width: auto;
    min-width: 200px;
    max-width: 90vw;
}

.profile-picture {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid var(--accent-color);
    object-fit: cover;
    box-shadow: 0 0 10px rgba(0, 255, 0, 0.5);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #00FF00
}

.profile-picture:hover {
    transform: scale(1.05);
    box-shadow: 0 0 15px rgba(0, 255, 0, 0.7);
}