
.progress {
    background: rgb(255, 116, 98) !important;

}

.smaller-text {
    /* font-size: 0.6rem !important; */
    color: aliceblue;
}
.trait-content {
    border-bottom: 2px solid rgb(255, 116, 98)
}

.dashed-border {
    border-bottom: 2px dashed rgb(255, 116, 98)
}
.oc-pfp-div {

       
    background-image:  url("/mood-board/adrian-swancar-9MfZjBTtJkc-unsplash.jpg") ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 50% bottom 10%;
}
.p-trait {
    background-color: rgba(255, 173, 119, 0.3)
}
.stat-bar {
   
    background-color: rgb(255, 116, 98, 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/adrian-swancar-9MfZjBTtJkc-unsplash.jpg") ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right 50% bottom 20%;
}
.oc-img-div {

    background-image: none
 
}

.smaller-text {
    /* font-size: 0.7rem !important; */
    color: aliceblue;
}
}