@media screen and (min-width: 1000px) {

    table{

        margin: auto;

        border-collapse :collapse;

    

    }

    th{

        color: rgb(42, 197, 236);

        padding: 10px;

        font-size: 1vw;

        border-bottom: solid 1px rgb(132, 183, 189,0.75);

    }

    tr{

            

        padding: 20px;

    

    }

    .tableLicense{

        border: solid 2px rgb(42, 197, 236);

        padding: 10px;

        color: black;

        background-color: darkgray;

        text-align: center;

        font-weight: 500;

        font-size: 14px;

    }

    

    .tableName{

        text-align: left;

        padding: 20px;

        padding-right:40px; 

        color: rgb(129, 213, 235);

    }

    .tableInfo{

        color: white;

        text-align: center;

        padding: 20px;

        border-bottom: solid 1px rgb(132, 183, 189,0.75);

    }

    .colored{

        background-image: linear-gradient(to right,rgba(245, 245, 245, 0) 20%, rgba(245, 245, 245, 0.1), rgba(245, 245, 245, 0));

    

    }

}

@media screen and (max-width: 1000px) {

    table{

        margin: auto;

        border-collapse :collapse;

        font-size: 2vw;

    }

    th{

        color: rgb(42, 197, 236);

        padding: 2vw;

        border-bottom: solid 1px rgb(132, 183, 189,0.75);

    }

    tr{

            

        padding: 2vw;

       

    }

    .tableLicense{

        border: solid 2px rgb(42, 197, 236);

        padding: 2vw;

        color: black;

        background-color: darkgray;

        text-align: center;

    }

    .tableName{

        text-align: left;

        padding:2vw;

        padding-right:20px; 

        color: rgb(129, 213, 235);

    }

    .tableInfo{

        color: white;

        text-align: center;

        padding:2vw;

        border-bottom: solid 1px rgb(132, 183, 189,0.75);

    }

    .colored{

        background-image: linear-gradient(to right,rgba(245, 245, 245, 0) 20%, rgba(245, 245, 245, 0.1), rgba(245, 245, 245, 0));

    

    }

}