body {
    margin: 0;
}

body.splash {
    padding: 0;
    min-width: 100vw;
    min-height: 100vh;
    background-color: #0064ff;
    overflow: hidden;
}

div#root.splash {
    background-color: #0064ff;
    background-image: url('img/landing-logo.svg');
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 44rem;
    margin: 0;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    min-width: 100vw !important;
    min-height: 100vh !important;
    -webkit-animation: scale-up 0.5s cubic-bezier(0.5, 0, 0, 1.25) both;
    animation: scale-up 0.5s cubic-bezier(0.5, 0, 0, 1.25) both;
}

@keyframes scale-up {
    0% {
        -webkit-transform: rotateX(-90deg) scale(0) translateZ(100rem);
        transform: rotateX(-90deg) scale(0) translateZ(100rem);
        opacity: 0;
        filter: sepia(1);
    }

    100% {
        -webkit-transform: rotateX(0) scale(1) translateZ(0);
        transform: rotateX(0) scale(1) translateZ(0);
        opacity: 1;
        filter: sepia(0);
    }
}