html,
body {
    /* background-color: #1e1e1e; */
    background-image: radial-gradient(#000, #1e1e1e);
    color: #efefef;
    padding: 0;
    margin: 0;
}

.container {
    margin-top: -22px;
    /* background-color: cyan; */
    width: 100vw;
    height: 100vh;

    display: flex;
    align-items: center;
    justify-content: center;
}

.container .text {
    display: block;
    width: fit-content;
    /* animation: rotate 5s linear infinite; */
    animation: pulse 4s ease-in-out infinite;
}

.container .text h1 {
    font-size: 4rem;
    font-family: "Copperplate", fantasy;

}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}