html {
    font-size: 19.2px;
    overflow: unset;
}

html body {
    all: initial;
}

html body .total-contain {
    all: initial;
}

.overview-content {
    width: 100%;
}

.overview-content .content {
    width: 80%;
    margin: 3rem auto;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 2px -2px 10px #81ccbd;
    padding: 1.5rem;
}

.overview-content .content .content-container {
    background-color: #FFFCF3;
    padding: 2rem;
}

.overview-content .content .content-container .overview {
    opacity: 0;
    transition: all .35s ease-in;
}

.overview-content .content .content-container .overview .overview-title {
    display: inline-block;
    background-color: #8AEAC4;
    color: #fca75b;
    font-family: qiantuhou;
    width: auto;
    height: 4vw;
    line-height: 3vw;
    padding: 0 0.3375rem;
    font-size: 3vw;
    margin-top: -2.5rem;
}

.overview-content .content .content-container .overview .overview-line {
    width: 4.6875rem;
    height: 0.9375rem;
    background-color: #F7A991;
    margin: 0.625rem 0;
}

.overview-content .content .content-container .overview .overview-article {
    padding-top: 0.625rem;
}

.overview-content .content .content-container .overview .overview-article p {
    font-size: 1.5vw;
    font-family: NavTitle;
    line-height: 3vw;
    text-align: justify;
    text-justify: newspaper;
}

.overview-content .content .content-container .overview .overview-article p .overview-img {
    float: right;
    width: 20%;
}

.overview-content .content .content-container .overview .overview-article p .firstOverview {
    color: #fca75b;
    font-size: 4vw;
    display: block;
    margin-bottom: 0.625rem;
    max-width: 0;
    animation: typing 8s steps(var(--characters)) forwards;
    white-space: nowrap;
    overflow: hidden;
    font-family: MvBoli;
}

.overview-content .content .content-container .overview .overview-article p .firstOverview:after {
    content: " |";
    animation: blink 1.5s infinite;
    animation-timing-function: step-end;
    font-family: none;
}

@keyframes typing {

    75%,
    100% {
        max-width: calc(var(--characters) * 1.5ch);
    }
}

@keyframes blink {

    0%,
    75%,
    100% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }
}