html,
body {
    background-color: rgb(0, 133, 199);
    width: 100%;
    height: 100vh;
    padding: 0;
    margin: 0;
}

.obj {
    animation: left-to-right 2s ease-in-out forwards infinite alternate;
    width: 130px;
    height: 10px;
    margin: 20% 0;
}

/* p.loading {
    position: absolute;
    top: 20;
    left: 50%;
    font-size: 4rem;
    color: white;
    letter-spacing: 1.1px;
    font-family: "Montserrat";
    font-weight: 700;
    text-shadow: 1px 1px 5px #444444;
} */

.fa-ghost {
    color: white;
    font-size: 10rem;
    text-shadow: 1px 1px 5px #444444;
}

.shadow {
    box-shadow: 1px 10px 5px rgba(0.2, 0.2, 0.2, 0.5);
    border-radius: 50%;
    margin-top: 20px;
    width: 130px;
    height: 10px;
    opacity: 0.5;
    /* animation: shrink 3s ease-out infinite; */
}

@keyframes left-to-right {
    0% {
        transform: translateX(-190%);
    }

    100% {
        transform: translateX(190%);
    }
}

/* @keyframes shrink {
    0% {
        width: 90%;
        margin: 0 5%;
    }
    50% {
        width: 60%;
        margin: 0 18%;
    }
    100% {
        width: 90%;
        margin: 0 5%;
    }
} */
