/* Custom Styling for Portfolio */

/* Make Logo Header Image Circular with Outline */
.md-header__button.md-logo img,
.md-nav__button.md-logo img,
.md-logo img {
    border-radius: 50% !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    border: 2px solid rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 0 0 2px rgba(189, 147, 249, 0.6), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Make any Profile Picture Image Circular with Outline */
.profile-pic,
img[src*="my_pic_updated"],
img[src*="my_pic"] {
    border-radius: 50% !important;
    object-fit: cover !important;
    aspect-ratio: 1 / 1 !important;
    border: 3px solid #bd93f9 !important;
    box-shadow: 0 0 12px rgba(189, 147, 249, 0.4) !important;
}