@media(width > 1024px){
    #app{
        display: flex;
        max-width: 960px;
        gap:  32px;
    }

    main{
        margin-top: 0;
        flex: 1;
    }

    h1{
        text-align: left;
    }

    time.full{
        display: block;
    }

    time.short{
        display: none;
    }
}

section .card-bg{
    animation: appear 300ms;
}
@keyframes appear{
    from{
        opacity: 0;
    }
}