#load {
    display: flex;
    align-items: center;
    width: calc(100% - 0.5vw);
    min-height: 50dvh;
    position: relative;

    ul {
        animation: blink 0.5s linear infinite;
        display: flex;
        justify-content: center;
        position: absolute;
        width: 100%;
        height: 100%;
        li {
            overflow: hidden;
            margin: 0.2vw;
            background: #241f33;
            width: calc(100% / 4 - (0.1vw * 4));
            height: 60dvh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            border-radius: 0.5vh;

            span {
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 0.5vh;
                width: calc(100% - 1vw);
                height: calc(100% - 5vw);
                border-radius: 0.5vh;
                font-size: 5em;
                background-color: var(--lines);
                color: var(--lines);
            }

            #line {
                margin: 1dvh 0 0 0;
                width: calc(100% - 1vw);
                min-height: 1dvh;
                border-radius: 0.5vh;
                background-color: var(--lines);
            }
            #lines {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                margin: 0.5dvh 0 0 0;
                div {
                    margin: 0.7dvh 0 0 0;
                    width: calc(100% - 1vw);
                    min-height: 0.7dvh;
                    border-radius: 0.5vh;
                    background-color: var(--lines);
                }
            }
        }
    }
}

.lineanimation {
    background-position: 0vw;
    background: linear-gradient(
        90deg,
        transparent 20%,
        #313775 50%,
        transparent 80%
    );
    animation: linear infinite load 3s;
}

@media (width < 600px) {
    #load {
        ul {
            width: 100% !important;
            li {
                align-items: center;
                width: 100%;
                margin: 0;
                #span {
                    width: 100%;
                }
                #line {
                    width: 100%;
                }
                #lines {
                    width: 100%;
                }
            }
        }
    }
}