.blurry-text {
   color: transparent;
   text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

#mobile-navigation .uk-nav li a {
    color:#222222 !important;
}
#desktop-navigation a {
    margin-left: 5px;
    margin-right:5px;
}
#desktop-navigation a:first-child {
    margin-left: 0px;
}
#desktop-navigation a:last-child {
    margin-right: 0px;
}


/* General Delete Button Styling */
#delete-private-user-image,
#delete-public-user-image {
    position: absolute; /* Ensures it's positioned relative to the container */
    z-index: 10; /* Higher than the image */
    width: 30px; /* Circular button size */
    height: 30px;
    border-radius: 50%; /* Circular button */
    background-color: #ff4d4d; /* Red background */
    color: #fff; /* White icon */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
    cursor: pointer;
    transition: all 0.3s ease; /* Smooth hover transitions */
    display: inline-flex; /* Flexbox ensures proper alignment of the icon */
    align-items: center; /* Center icon vertically */
    justify-content: center; /* Center icon horizontally */
    overflow: hidden; /* Ensures nothing spills out */
}

/* Icon-specific adjustments */
#delete-private-user-image svg,
#delete-public-user-image svg {
    width: 16px; /* Adjust the size of the SVG icon */
    height: 16px;
}

/* Hover Effect */
#delete-private-user-image:hover,
#delete-public-user-image:hover {
    background-color: #e60000; /* Darker red on hover */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
    transform: scale(1.1); /* Slightly enlarge on hover */
    opacity: 0.9; /* Subtle transparency */
}

/* Hidden State */
#delete-private-user-image.uk-hidden,
#delete-public-user-image.uk-hidden {
    display: none;
}