/* 引入自定义字体 */
@font-face {
    font-family: 'MyCustomFont';
    /* 字体名称，可以随意命名 */
    src: url('../static/font.ttf') format('truetype');
    /* 字体文件路径 */
    font-weight: normal;
    font-style: normal;
}

.text {
    position: absolute;
    font-size: 24px;
    font-weight: bold;
    animation: fall 3s linear forwards;
    color: white;
    /* 默认颜色为白色，后续可以动态更改 */
    font-family: 'MyCustomFont';
    /* 应用自定义字体 */
}

@keyframes fall {
    0% {
        transform: translateY(-100px);
        opacity: 1;
    }

    100% {
        transform: translateY(100vh);
        opacity: 0;
    }
}