body {
        background-color:rgba(248, 255, 255, 0.81);
        font-family: 'Roboto', sans-serif;
        color: #333;
    }
body {
    opacity: 0;
    filter: blur(5px);
    animation: fadeInBlur 2s ease-out forwards;
}

@keyframes fadeInBlur {
    from {
        opacity: 0;
        filter: blur(5px);
    }
    to {
        opacity: 1;
        filter: blur(0);
    }
}

    .profile-container {
        padding: 25px;
        padding-bottom: 25px;
        transition: transform 0.2s;
    }
    
    .profile-img {
        display: block;
        margin: 0 auto 30px;
        height: 160px;
        border-radius: 10px;
        border: 4px solidrgb(108, 108, 109);
    }
    .section-title {
    font-size: 1.75rem;
    color: rgba(192, 12, 141, 0.77);
    margin-top: 25px;
    padding-bottom: 5px;
    border-bottom: 3px solid; 
    border-image: linear-gradient(to right, rgb(255, 0, 150), rgb(249, 214, 235));
    border-image-slice: 1;
}

    .achievements, .events {
    margin-top: 20px;
    padding: 15px;
    border-radius: 0px;
    background:rgba(255, 255, 255, 0.41);
    transition: transform 0.3s ease-in-out; 
}

.achievements:hover, .events:hover {
    transform: scale(1.05);  
    box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.32);
}

    .list-group-item {
        background: #ffffff;
        border: 1px solid #ddd;
        border-radius: 5px;
        margin-bottom: 10px;
        padding: 10px;
    }
    .section-container {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }
    .section-container .left-col, .section-container .right-col {
        flex: 1;
        min-width: 280px;
    }
    
strong {
    display: inline-block;
    text-align: left;
    font-size: 15px;
    color: rgba(105, 105, 105, 0.89);
    width: 100%;  /* Ensures they take up full width and align to the left */
}
p {
   
    text-align: left;/* Ensures content is aligned to the left */
    margin-left: 15px;
}

p {
     /* Adds space between <strong> and text */
}