/* prettier-ignore */
/*# sourceMappingURL=user.css.map */
/* Stijl voor ul-lijsten met vinkjes */
ul {
    list-style: none; /* Verwijder standaard bullets */
    padding-left: 1.5rem; /* Voeg wat ruimte toe aan de linkerkant */
}

ul li {
    position: relative;
    padding-left: 2rem; /* Zorg voor ruimte voor het vinkje */
    margin-bottom: 0.5rem; /* Voeg wat ruimte toe tussen de items */
}

ul li::before {
    content: '\2713'; /* Unicode voor een vinkje */
    position: absolute;
    left: 0;
    top: 0.2rem; /* Zorg dat het vinkje goed uitgelijnd is */
    color: #28a745; /* Groene kleur voor het vinkje */
    font-size: 1.2rem; /* Pas de grootte van het vinkje aan */
}
/* Class to round the borders of an image */
/* Class to make an image circular */
.img-rounded {
    width: 250px; /* Set a fixed width */
    height: 250px; /* Set the same height to make it a square */
    border-radius: 50%; /* Makes the image circular */
    object-fit: cover; /* Ensures the image covers the container */
    object-position: center; /* Focuses on the center of the image */
    overflow: hidden; /* Ensures content outside the border-radius is hidden */
}
/* Class to make an image black and white */
.ibw {
    filter: grayscale(100%); /* Converts the image to black and white */
    transition: filter 0.3s ease; /* Adds a smooth transition effect */
}