.card-img {
    object-fit: cover;
    justify-content: center;
    height: 100vh;
    opacity: 0.5;
    filter: blur(5px);
}

a:focus {
    text-decoration: none
}

.timer {
    font-family: 'digital';
    font-size: 3.5rem;
}

@font-face {
    font-family: digital;
    src: url('PUTHIAfont.ttf');
}

.msgContainer {
    overflow-y: scroll;
    overflow-x: hidden;
    word-wrap: break-word;
    height: 30vh
}


.mainContainer {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}


.centeredVideo {
    display: block;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
}

.controls {
    display: block;
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}


#ArSrNaLive {
    object-fit: contain;
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-top: 56%;
    /*calc(var(--vWidth)/var(--vHeight)*100);  计算方式：播放器以16：9的比率显示，这里的值为 9/16 * 100 = 56.25  */
}

/* 外部容器也需要是自适应的*/
#wrap {
    width: 80%;
    margin: 0 auto;
}