.card-container {
    width: 500px;
    padding: 20px;
    border: 1px solid #c7c7c7;
    border-radius: 15px;
    background-color: #ececec;
}
.info-container {
    text-align: center;
}
.info-container .header {
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.info-container .content div {
    margin: 5px 0;
}
.info-container .content div .title {
    font-weight: bold;
    font-size: 1rem;
    color: #797c8a;
}
.info-container .content div .caption {
    font-weight: bold;
    font-size: 0.8rem;
}
.info-container .content .code-container {
    background-color: #e3e3e3;
    padding: 10px;
    margin-top: 10px;
    border-radius: 8px;
    color: #3f3f3f;
    font-weight: bold;
    direction: ltr;
    text-align: left;
}
.divider {
    height: 2px;
    background-color: #c9c9c9;
    width: 100%;
    margin: 10px 0;
}