.card {
    width: 320px;
    height: 300px;
    background-image: url("/assets/images/book6.png");
    background-repeat: no-repeat;
    background-size: 320px 300px;
    color:white;
    padding-left: 5px;
    padding-right: 25px;
    border-style: none;

}

.card-container {
    width: 320px;
    margin: auto;
    user-select:none;
}

h3 {
    font-size:24px;
    text-align:center;
    margin:20px;
}

.card-count-box {
    width:100%;
    height:5px;
    margin-top:1px;
    background-image: url("/assets/images/book_side.png");
    background-size: 20px 5px;
    background-position:center;
    background-repeat:no-repeat;
}

.card-progress-container {
    padding-top:20px;
    text-align:center;
    user-select:none;
}

.card-progress {
    display:inline-block;
}

.card-progress .fas {
    font-size:24px;
    margin-top:10px;
}

.card-progress-bar {
    width:320px;
    height:20px;
    display:inline-block;
    border-style:solid;
    border-width:2px;
    border-color:darkgray;
}

.card-progress-bar .good-bar {
    width:0%;
    height:100%;
    background-color:green;
    position:relative;
}

.card-progress-bar .bad-bar {
    width:0%;
    height:100%;
    background-color:red;
    left: 0%;
    position:relative;
    display:none;
    
}

.card-more-info {
    position:absolute;
    bottom:9px;
    left:274px;
    color:lightgray;
}

.card-more-info a {
    color:lightgray;
    text-decoration:none;
}

.worldcaps-cards .card {
    background-image:none;
    background-color:#444444;
}