.container {
    font-family: 'Arial Normal', 'Arial', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: normal;
    color: hwb(240 71% 13%);
    vertical-align: none;
    text-align: center;
    line-height: normal;
    text-transform: none;
}
.fh1 {
    display: inline-block;
    width: 10px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 50px;
    margin: 0 5px;
    position: relative;
    top: 40px;
    font-weight: bolder;
}
.sums1,.sums2,.sums3,.sums4,.sums5,.sums6,.sums7,.sums8{
    display: inline-block;
    width: 70px;
    height: 100px;
    overflow: hidden;
    position: relative;
    text-align: center;
    font-size: 80px;
    border: 1px solid #18F1F9;
    margin: 0 5px;
    top: 35px;
}
.sums1 {
    animation: sums1 8s infinite;
}
@keyframes sums1 {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
.sums2 {
    animation: sums2 5s infinite;
}
@keyframes sums2 {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
.sums3 {
    animation: sums3 8s infinite;
}
@keyframes sums3 {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
.sums4 {
    animation: sums4 4s infinite;
}
@keyframes sums4 {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
.sums5 {
    animation: sums5 5s infinite;
}
@keyframes sums5 {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
.sums6 {
    animation: sums6 6s infinite;
}
@keyframes sums6 {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
.sums7 {
    animation: sums7 3s infinite;
}
@keyframes sums7 {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}
.sums8 {
    animation: sums8 1s infinite;
}
@keyframes sums8 {
    0% {
        transform: rotateX(0deg);
    }
    50% {
        transform: rotateX(180deg);
    }
    100% {
        transform: rotateX(360deg);
    }
}

#activity-list {
    height: 2em;
    animation: scroll 3s infinite linear;
}

@keyframes scroll {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-100%);
    }
}

.glow-image {
    width: 100%;
    height: auto;
    filter: brightness(1) contrast(1);
    animation: glow 2s infinite alternate;
}

@keyframes glow {
    from {
        filter: brightness(1) contrast(1);
    }

    to {
        filter: brightness(1.5) contrast(1.5);
    }
}