.progress {
    background: rgb(255, 122, 162) !important;

}

.smaller-text {
    /* font-size: 0.6rem !important; */
    color: aliceblue;
}
.trait-content {
    border-bottom: 2px solid rgb(255, 122, 162);
}

.dashed-border {
    border-bottom: 2px dashed rgb(255, 122, 162);
}
.oc-pfp-div {

       
    background-image: url("/mood-board/arthur-savary-SP7RwNMPL70-unsplash.jpg") ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 50% bottom 60%;
}
.p-trait {
    background-color: rgb(255, 122, 162, 0.3);
}
.stat-bar {
   
    background-color: rgb(255, 122, 162, 0.1);
}

@media (min-width: 1800px) /* Desktop */ 
{
    .oc-pfp-div{
    /* display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(240, 248, 255, 0.37);
    border-bottom: 1px solid rgba(240, 248, 255, 0.37);
    padding-bottom: 0rem;
    gap: 4rem; */

    
    background-image: url("/mood-board/arthur-savary-SP7RwNMPL70-unsplash.jpg") ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 50% bottom 40%;
}
.oc-img-div {

    background-image: none
 
}

.smaller-text {
    /* font-size: 0.7rem !important; */
    color: aliceblue;
}
}