.contentsDiv
{
    margin:0px auto;
    padding: 5px;

    width:100%;
    transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;max-width: 1100px;
}

.leftAdjust
{
    text-align:left !important;
}

.missionDesc
{
    max-width:1100px;
    margin:20px auto;padding:5px;line-height: 25px;letter-spacing: 1px;
    box-sizing: border-box;text-align:center;text-align:center !important;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: var(--diplomaBgColor); /* Dodaj boju pozadine */
    border-radius: 16px;
    padding: 30px;
    border: 1px solid var(--diplomaBorderColor); /* Dodaj boju okvira */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
    outline: none;padding-top:50px;
    margin-bottom:60px;
}
@media (hover: hover) {
.missionDesc:hover
{
    transform: scale(1.05);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2);
    background-color: var(--diplomaBgColor);
}
}
.contentsDiv .profilePicture
{
    margin:5px; display:inline;border-radius: 5px;
    border:1px solid var(--diplomaBorderColor);
    transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);width:250px;float:left;margin-right:20px;
}

.contentsDiv div
{
    margin:0px;line-height: 25px;letter-spacing: 1px;
    padding:0px;
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 100%;text-indent: 25px;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: justify;
}


.contentsDiv h3
{
    text-indent: 0px;text-align:left;
}