.SplashScreen {
    background: var(--midnight-8);
    border-radius: 10px;
    padding: 20px 50px;
    color: var(--white);
    text-align: center;
    margin-bottom: 2rem;

    &-images {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;

        svg {
            width: 330px;
            height: 200px;
        }
    }

    &-header {
        font-weight: 300;
        font-size: 26px;
        line-height: 31px;
    }

    &-footer {
        column-gap: 15%;
        display: grid;
        grid-auto-flow: column;
        text-align: center;
    }

    &-insights {
        display: flex;
        align-items: center;
        justify-content: center;

        svg {
            width: 93px;
            height: 93px;
        }

        span {
            font-weight: 300;
            font-size: 38px;
            line-height: 45px;
        }
    }

    &-info {
        display: flex;
        justify-content: space-between;

        div {
            max-width: 330px;
            color: var(--white);
            font-size: 18px;
            text-align: center;

            h3 {
                color: var(--white);
                font-weight: 600;
                margin-bottom: 10px;
            }
        }
    }

    &-button {
        padding: 20px 50px;
        height: 64px;
        background: linear-gradient(
            0deg,
            var(--midnight-850) 0%,
            var(--midnight-400) 66%
        );
        border-radius: 4px;
        outline: none;
        margin-top: 20px;
        font-size: 20px;
        line-height: 24px;
        color: var(--white);
        border: none;
        display: inline-block;

        &:hover {
            color: white;
        }
    }
}

.SplashScreen-container {
    text-align: center;
    max-width: 1200px;
    margin: auto;

    a {
        font-size: 18px;
        line-height: 21px;
    }
}