body {
    background-image: url('/assets/bg.jpeg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.item {
    transition: box-shadow 0.2s ease;
}

.item:hover {
    box-shadow: 0 0 25px rgba(204, 9, 9, 0.8);
}

.mithril-coin {
    color: #5e77ba
}

.platinum-coin {
    color: #e7e7e7
}

.gold-coin {
    color: #face0d;
}

.silver-coin {
    color: #acadb0
}

.copper-coin {
    color: #b16d2a
}

.user-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.profile-user-icon {
    width: 100px;
    height: 100px;
    border: 1px solid #000;
    border-radius: 50%;
    margin: 10px;
}

.character-race-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.character-class-icon {
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50%;
}


.item-listed {
    border-radius: 10px;
    margin: 5px;
    transition: box-shadow 0.2s ease;
}

.item-listed:hover {
    box-shadow: 0 0 25px rgba(204, 9, 9, 0.8);
}