/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

:root {}



/* Single Vtuber Page */
.el-layout-main .el-main-production {
    width: 95% !important;
    height: 100% !important;
    margin: 2rem auto;
}

/* Single Vtuber Header */
.el-production-header .el-title-link {
    font-size: 3rem;
    font-weight: 600;
}

.el-production-header .el-header-update {
    font-size: 0.9rem;
    text-align: right;
    margin: 0.5rem;
}

/* Single Vtuber Section */
.el-main-production .el-production-section {
    width: 100%;
    margin: 1rem 0;
}

/* Section Wiki */
.el-main-production .el-section-wiki {
    width: 100%;
    margin: 1rem 0;
}

.el-main-production .el-section-channel {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around;
    margin: 1rem 0;
}

.el-main-production .el-channel-twitch {
    width: 800px;
    max-width: 100%;
    margin: 1rem 0;
}

.el-main-production .el-channel-youtube {
    width: 800px;
    max-width: 100%;
    margin: 1rem 0;
}


/* Single Vtuber Footer */
.el-main-production .el-production-footer {
    padding: var(--el-main-padding-main-footer);
    border-top: 1px solid var(--el-border-top-footer);
    margin: var(--el-main-margin-main-footer);
}

.el-main-production .el-footer-line {
    border-top: 1px solid var(--el-tw-color-dddddd);
    margin: var(--el-tw-margin-section);
}