:root {
    --font-ter: sans-serif;
       --clr-pri: 255, 255, 255; /* Changed to white */
       --clr-sec: 255, 255, 255;
       --clr-black: 0, 0, 0;
       --clr-dark: 11, 11, 11;
}

body {
    background: #212121;
}

.cs-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--clr-black), 0.7);
    backdrop-filter: blur(8px);
    flex-direction: column;
    display: none;
}

.cs-loader.show {
    display: flex;
}

.cs-loader__media {
    position: relative;
    max-width: 15rem; /* Adjusted width */
    max-height: 15rem; /* Adjusted height */
    margin-bottom: 1rem;
    margin-top:20px;
}

.cs-loader__media img {
    max-width: 80%;
    max-height: 80%;
    border-radius:20px;
    margin-top:20px;
    margin-left:20px;
}

.waviy {
    -webkit-box-reflect: below -5px linear-gradient(transparent, rgba(0, 0, 0, 0.4));
}

.waviy span {
    text-transform: uppercase;
    letter-spacing: 4px;
    font-family: var(--font-ter);
    font-size: 3rem; /* Adjusted font size */
    font-weight: 400;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    animation: waviy 1s infinite;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(70deg, rgba(var(--clr-sec), 1), rgba(var(--clr-pri), 1), rgba(var(--clr-sec), 1));
}

.waviy span:nth-child(1) {
    animation-delay: calc(.1s * (1));
}

.waviy span:nth-child(2) {
    animation-delay: calc(.1s * (2));
}

.waviy span:nth-child(3) {
    animation-delay: calc(.1s * (3));
}

.waviy span:nth-child(4) {
    animation-delay: calc(.1s * (4));
}

.waviy span:nth-child(5) {
    animation-delay: calc(.1s * (5));
}

.waviy span:nth-child(6) {
    animation-delay: calc(.1s * (6));
}

@keyframes waviy {
    0%, 40%, 100% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(-5px);
    }
}