@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

.marqueeContainer {
    /* height: 100vh; */
    overflow: hidden;
    /*隱藏超出外層容器的元素*/
    width: 92%;
    position: relative;
    left: 4%;
}

.loop {
    display: inline-block;
    font-family: "Noto Serif TC", serif;
    /* font-family: "Roboto", sans-serif; */
    font-weight: 700;
    font-size: 2rem;
    color: transparent;
    white-space: nowrap;
    /*文字必須設為nowrap，否則文字會自動換行*/
    height: 100%;
    color: #f2ff00;
    padding: 0 0 0.25% 0;
    /* -webkit-text-stroke: 1px rgb(255, 255, 255); */
    /* background: linear-gradient(180deg, rgba(249, 226, 133, 1) 0%, rgba(241, 236, 223, 1) 33%, rgba(241, 236, 223, 1) 57%, rgba(233, 186, 88, 1) 100%); */
    background-color: #37C7C8;
    letter-spacing: 2px;

}

.loop>span {
    display: inline-block;
}

@media (max-width:768px) {
    .loop {
        font-size: 1rem;
    }
}