@charset "utf-8";

/*小于1400px时*/

/*小于1200px时*/
@media (max-width: 1200px) {

    /*总布局*/
    .container {
        max-width: 1000px !important;
    }

    /*音乐播放器*/
}

/*小于992px时*/
@media (max-width: 992px) {

    /*总布局*/
    .container {
        max-width: 900px !important;
    }

    .col.left {
        margin-right: 0.75rem;
    }

    .col.right {
        margin-left: 0.75rem;
    }

    /*一言*/

    /*时间卡片*/
    .col.times {
        margin-left: 0rem;
    }

    /*日期显示*/

    /*标题文字*/
    .main-img img {
        width: 110px;
    }

    span.img-text {
        font-size: 1.75rem;
    }

    /*链接卡片文字*/
    span.link-name {
        display: none !important;
    }
}

/*小于840px时*/
@media (max-width: 840px) {


    /*社交链接*/
}

/*小于789px时*/
@media (max-width: 789px) {

    /*标题文字*/
    span.img-text {
        display: none;
    }
}

/*小于768px时*/
@media (max-width: 768px) {

    /*标题文字*/
    .main-img img {
        width: 100px;
    }
}

/*小于720px时*/
@media (max-width: 720px) {

    /*左侧栏高度*/
    .main-left {
        transform: translateY(20px);
    }

    /*左侧栏边距*/
    .col.left {
        margin-right: 0rem;
    }

    /*右侧栏隐藏*/
    .col.right {
        display: none;
    }

    /*右侧栏边距*/
    .col.right {
        margin-left: 0rem;
    }

    /*标题文字*/
    span.img-text {
        display: inline;
    }

    /*简介*/
    .message {
        max-width: 100%;
        pointer-events: none;
    }

    /*
    .des {
        justify-content: space-between;
    }
    */

    /*链接卡片*/
    .link-card {
        height: 80px !important;
        align-items: center !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    span.link-name {
        display: block !important;
        font-size: 0.85rem;
    }

    .link-card:hover span.link-name {
        font-size: 0.95rem;
    }

    span.line-text {
        font-size: 1.05rem;
    }

    /*菜单栏按钮*/

    /*页脚文字*/

    /*一言*/

    /*音乐播放器*/

    /*隐藏鼠标样式*/

}

/*小于512px时*/

/*小于390px时*/
@media (max-width: 390px) {
    .main-img img {
        display: none;
    }
}

/* 大于568px时 */


/* 大于720px时 */

/* 大于992px时 */
@media (min-width: 992px) {

    /*时钟显示*/
}

/* 大于1400px时 */
@media (min-width: 1400px) {


}


/*第二屏logo*/
.logo-text {
    font-family: 'Pacifico-Regular' !important;
}

.logo,
.line,
.main-img,
.hitokoto,
.time,
.link-card,
.message {
    animation: fade 0.5;
    -webkit-animation: fade 0.5s;
    -moz-animation: fade 0.5s;
    -o-animation: fade 0.5s;
    -ms-animation: fade 0.5s;
}