.roundedCornerContainer {
    border-radius: 25px;
    background: linear-gradient(to bottom right, mintcream, cornsilk, lavender);
    border: 2px solid teal;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
    box-shadow: 0 4px 8px 5px rgba(0, 0, 0, 0.2), 0 6px 20px 10px rgba(0, 0, 0, 0.29);
    padding: 20px;
    height: auto;
}

.roundedCornerContainerTextBox {
    margin: 20px;
    font-weight: 600;
    font-size: larger;
    color: darkslateblue;
    text-shadow: 2px 1px 0px #ccc;
    height: auto;
    /*width: 20%;*/
}

.customAnchor {
    color: teal;
    font-weight: 400;
    text-decoration: none;
}

/* Position change indicators */
.position-change-up {
    color: green;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.position-change-up .arrow {
    font-size: 1.2em;
}

.position-change-up .delta {
    font-size: 0.9em;
}

.position-change-down {
    color: red;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.position-change-down .arrow {
    font-size: 1.2em;
}

.position-change-down .delta {
    font-size: 0.9em;
}