@charset "UTF-8";
.live-card {
    width: 95%;
    height: 500px;
    background-color: #f4ff77;
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 50px;
}

.live-card .live-info {
    margin-left: 20px;
    margin-right: 20px;
    height: 100%;
    flex-grow: 1;
}

.live-card .title {
    color: "black";
    font-size: 30px;
}

.live-card .image-vt {
    height: 400px;
    bottom: 20px;
    right: 20px;
    margin-right: 20px;
}

.live-card .image-hr {
    height: 400px;
}

.with-icon::after {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image:url(res/johntre-kun.jpeg);
    background-size: contain;
    vertical-align: middle;
}