main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}

@keyframes title-anim {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

main .title {
    color: #FEF1E7;
    font-size: 2em;
    font-weight: 500;
    font-style: italic;
    animation: title-anim infinite 1s;
}

@keyframes logo-anim {
    0% {
        transform: rotate(-10deg);
    }

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

    100% {
        transform: rotate(-10deg);
    }
}

main .logo {
    width: 300px;
    animation: logo-anim infinite 2s;
}