@font-face {
    font-family: "tx";
    src: url("/tx.ttf");
}

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

a {
    color: rgb(0, 255, 174);
    text-decoration: none;
    cursor: pointer;
}

.city {
    width: 100%;
    position: fixed;
    bottom: 22%;
    z-index: 10;
    -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.4));
}

.city img {
    width: 100%;
}

.footer {
    z-index: 11;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 18%;
    width: 100%;
    color: white;
    text-align: center;
    position: absolute;
    color: #d9ff00;
    font-family: tx;
    font-size: x-large;
    text-align: center;
    cursor: pointer;
    text-shadow:
        0 0 .5rem currentColor,
        0 0 .6rem currentColor;
}


.box {
    margin: 10px;
    animation: changeshadow 2s ease-in infinite;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: changeshadow 2s linear infinite;
    -moz-animation: changeshadow 2s linear infinite;
    -ms-animation: changeshadow 2s linear infinite;
    -o-animation: changeshadow 2s linear infinite;
}

@keyframes changeshadow {
    0% {
        text-shadow: 0 0 4px #4cc134
    }

    50% {
        text-shadow: 0 0 40px #4cc134
    }

    100% {
        text-shadow: 0 0 4px #4cc134
    }
}

/* 添加兼容性前缀 */
@-webkit-keyframes changeshadow {
    0% {
        text-shadow: 0 0 4px #4cc134
    }

    50% {
        text-shadow: 0 0 40px #4cc134
    }

    100% {
        text-shadow: 0 0 4px #4cc134
    }
}

@-moz-keyframes changeshadow {
    0% {
        text-shadow: 0 0 4px #4cc134
    }

    50% {
        text-shadow: 0 0 40px #4cc134
    }

    100% {
        text-shadow: 0 0 4px #4cc134
    }
}

@-ms-keyframes changeshadow {
    0% {
        text-shadow: 0 0 4px #4cc134
    }

    50% {
        text-shadow: 0 0 40px #4cc134
    }

    100% {
        text-shadow: 0 0 4px #4cc134
    }
}

@-o-keyframes changeshadow {
    0% {
        text-shadow: 0 0 4px #4cc134
    }

    50% {
        text-shadow: 0 0 40px #4cc134
    }

    100% {
        text-shadow: 0 0 4px #4cc134
    }
}

.flex-parent-element {
    margin: auto;
    display: flex;
    width: fit-content;
}

.flex-child-element {
    width: fit-content;
    flex: 1;
}

.flex-child-element:first-child {
    transform: rotateY(180deg);
    width: fit-content;
    margin-right: 0%;
}