@import "./common.css";
@import "./style.css";

.block {
    padding: 1.1rem var(--content-padding) 1.2rem;
    background: #fff;
}

.block .in {
    width: var(--content-width);
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.block .in > .title {
    max-width: 8.17rem;
    margin: 0 auto .18rem;
}

.block .in > .sub-title {
    max-width: 10rem;
}

.experience {
    background: linear-gradient(to bottom, #f5f7fa, #ffffff);
    padding-bottom: .5rem;
}

.experience .in .items {
    margin-top: .6rem;
}

@media (max-width: 960px) {
    .block .in > .title {
        max-width: 100%;
        width: 100%;
    }

    .block .in > .sub-title {
        max-width: 100%;
        width: 100%;
    }
}