body {
    margin: 0;
    padding: 0;
}

.splash {
    font-family: Helvetica, sans-serif;
    font-size: xx-large;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #222;
    color: #fff;
    text-align: center;
}

.company-name {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.company-name span {
    display: block
}

.company-name {
    opacity: 0;
    animation: textFadeIn 0.8s ease-out forwards;
    animation-delay: 0.2s;
}

.company-name span:nth-child(1) {
    margin-right: 1rem;
}

.company-name span:nth-child(2) {
    margin-left: 4rem;
}

.logo {
    width: 200px;
    animation: logoFadeIn 0.8s ease-out forwards;
}

@keyframes logoFadeIn {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes textFadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}