@media(max-width: 768px) {
    th {
        display: none;
    }

    td {
        display: block;
        padding: 0.75rem 1rem;
    }

    td:first-child{
        padding-top: 1rem;
    }

    td:last-child{
        padding-bottom: 1rem;
    }

    td::before {
        color: var(--shade-1);
    }

    td:nth-of-type(1)::before {
        content: "Gra: ";
    }
    
    td:nth-of-type(2)::before {
        content: "Format: ";
    }

    td:nth-of-type(3)::before {
        content: "Data: ";
    }

    td:nth-of-type(4)::before {
        content: "Nick: ";
    }
}