@import 'app.css';
@import 'main_header_and_footer.css';


.circle-border {
    width: 250px;        /* Circle container size */
    height: 250px;
    border-radius: 50%;  /* Makes the div circular */
    border: 5px solid #079b61; /* Border color and thickness */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;    /* Ensures image stays inside the circle */
    margin: 0 auto;      /* Center the circle div */
}

.profile-img {
    width: 250px;        /* Image size inside the circle */
    height: 250px;
    /*object-fit: cover;    /*Ensures the image covers the area without distortion */
    border-radius: 50%;  /* Optional: keeps image circular inside the div */
}