.splash__container {
    z-index: 1000;
    margin: 0;
    padding: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    background-color: #203254;
    background: linear-gradient(135deg, #203254 0%, #1B1D2C 100%);
    position: fixed;
    top: 0; 
    left: 0;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    opacity: 1;
    transform: scale(1);
    transition: opacity 200ms ease-in;
    transition: transform 200ms ease-in;

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.splash-screen.company-logo {
    position: fixed;
    top: 2rem;
    width: 10%;
}
.splash__image--container {
    width: 10vw;
    height: 10vw;

    max-height: 250px;
    max-width: 250px;

    margin-top: 4rem;
}
.splash__image {
    overflow: visible;
}
.splash-screen {
    fill-rule: evenodd;
}
.splash-screen.arc {
    fill:#e7e7e7;
    /* opacity:0.39; */
    /* animation: splash-pulse 2s infinite; */
    fill: #e7e7e744;

    stroke: #e7e7e7;
    stroke-width: 2px;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 2s linear alternate infinite;
}
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
.splash-screen.arrow {
    fill:#f3f3f3;
    stroke:#f3f3f3;
    stroke-miterlimit:10;
    stroke-width:5px;
}

@keyframes splash-pulse {
    0%   { opacity: 0.39; }
    17%  { opacity: 0.49; }
    33%  { opacity: 0.69; }
    50%  { opacity: 0.99; }
    67%  { opacity: 0.69; }
    83%  { opacity: 0.49; }
    100% { opacity: 0.39; }
}

.splash-screen.arc:nth-child(1n) {
    animation-delay: 0ms;
}

.splash-screen.arc:nth-child(2n) {
    animation-delay: 125ms;
}

.splash-screen.arc:nth-child(3n) {
    animation-delay: 250ms;
}

.splash-screen.arc:nth-child(4n) {
    animation-delay: 375ms;
}

.splash-screen.arc:nth-child(5n) {
    animation-delay: 500ms;
}

.splash-screen.arc:nth-child(6n) {
    animation-delay: 625ms;
}

.splash-screen.arc:nth-child(7n) {
    animation-delay: 750ms;
}

.splash-screen.arc:nth-child(8n) {
    animation-delay: 875ms;
}

.zoomAndFade {
    opacity: 0;
    transform: scale(1.2);
    transition: 200ms cubic-bezier(0.16, 1, 0.3, 1);
}