@php $size = count($results) @endphp
<style>
    body {
        font-family: 'Book Antiqua';
    }

    .text-right {
        text-align: right;
    }

    .text-center {
        text-align: center;
    }

    .text-left {
        text-align: left;
    }

    table {
        border-spacing: 0px;
        border: 1px solid black;
        border-collapse: collapse;
        width: 100%;
    }

    .font-primary {
        color: rgb(68, 0, 153);
    }

    .heading {
        font-size: 14pt;
    }

    @if ($size < 12) .result-th {
        padding-left: 4px;
        padding-bottom: 7.0px;
        padding-top: 7.0px;
        border-radius: 25px;
    }

    table td, th,
        {
        padding-left: 4px;
        padding-bottom: 7.0px;
        padding-top: 7.0px;
        border-spacing: 0px;
        border: 1px solid black;
        border-collapse: collapse;
    }

    .logo {
        height: 60px;
        width: 21%;
        /*margin-left: 40%;*/
        /*margin-right: 40%;*/
    }

    .header-banner{
        display: flex;
    }

    @elseif ($size < 14) .result-th {
        padding-left: 4px;
        padding-bottom: 5.5px;
        padding-top: 5.5px;
        border-radius: 25px;
    }

    table td,th,
        {
        padding-left: 4px;
        padding-bottom: 5.5px;
        padding-top: 5.5px;
        border-spacing: 0px;
        border: 1px solid black;
        border-collapse: collapse;
    }

    .logo {
        height: 60px;
        width: 19%;
        /*margin-left: 40%;*/
        /*margin-right: 40%;*/
    }

    .header-banner{
        display: flex;
    }

    @elseif ($size < 17) .result-th {
        padding-left: 4px;
        padding-bottom: 3.3px;
        padding-top: 3.3px;
        border-radius: 25px;
    }

    table td,th,
        {
        padding-left: 4px;
        padding-bottom: 3.3px;
        padding-top: 3.3px;
        border-spacing: 0px;
        border: 1px solid black;
        border-collapse: collapse;
    }

    .logo {
        height: 60px;
        width: 17%;
        /*margin-left: 40%;*/
        /*margin-right: 40%;*/
    }

    .header-banner{
        display: flex;
    }

    @elseif ($size < 20) .result-th {
        padding-left: 4px;
        padding-bottom: 1.5px;
        padding-top: 1.5px;
        border-radius: 25px;
    }

    table td,th,
        {
        padding-left: 4px;
        padding-bottom: 1.5px;
        padding-top: 1.5px;
        border-spacing: 0px;
        border: 1px solid black;
        border-collapse: collapse;
    }

    .logo {
        height: 60px;
        width: 15%;
        /*margin-left: 40%;*/
        /*margin-right: 40%;*/
    }

    .header-banner{
        display: flex;
    }

    @elseif ($size < 22) .result-th {
        padding-left: 4px;
        padding-bottom: 0.6px;
        padding-top: 0.6px;
        border-radius: 25px;
    }

    table td,th,
        {
        padding-left: 4px;
        padding-bottom: 0.6px;
        padding-top: 0.6px;
        border-spacing: 0px;
        border: 1px solid black;
        border-collapse: collapse;
    }

    .logo {
        height: 60px;
        width: 20%;
    }

    .header-banner{
        display: flex;
    }

    @elseif ($size < 31) .result-th {
        padding-left: 4px;
        padding-bottom: 0.1px;
        padding-top: 0.1px;
        border-radius: 25px;
        font-size: 10pt;
    }

    table td,th,
        {
        padding-left: 4px;
        padding-bottom: 0.1px;
        padding-top: 0.1px;
        font-size: 10pt;
        border-spacing: 0px;
        border: 1px solid black;
        border-collapse: collapse;
    }

    .logo {
        height: 60px;
        width: 8%;
        /*margin-left: 40%;*/
        /*margin-right: 40%;*/
    }

    .header-banner{
        display: flex;
    }

    .heading {
        font-size: 12pt;
    }

    .details {
        font-size: 10pt;
    }
    @endif

</style>