html::-webkit-scrollbar{
    width: 0.8rem;
}
html::-webkit-scrollbar-track{
    background: #1c2b2d ;
}
html::-webkit-scrollbar-thumb{
    background: #344244;
}
.border{
    border: 4px solid;
    text-align: center;
    border-radius: 10%;
}
.t1{
    text-align: center;
    border-style: solid;
    color: aliceblue;
    backdrop-filter: blur(10px);
    border-color: aliceblue;
    border-radius: 10px;
}
.t2{
    text-align: center;
    border-style: solid;
    color: aliceblue;
    backdrop-filter: blur(10px);
    border-color: aliceblue;
    border-radius: 10px;
    margin-top: 40px;
}
.whole{
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
    overflow-x: auto;
    padding: 1rem;
}
.body{
    background: #1c2b2d;
    font-family: "Poppins", sans-serif;
    margin: 0;
}
table{
    min-width: 960px;
    border-spacing: 0.35rem;
}
.title{
    text-align: center;
    padding-top: 5px;
    font: 22px"Poppins", sans-serif; 
}
.desc{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    font: 8px"Poppins", sans-serif;
}
td{
    height: 30px;
}
.lanta{
    color: #1796CD;
}
.acti{
    color: #76CAB1;
}
.hyd{
    color: #9EC877;
}
.nob{
    color: #F7B0CA;
}
.alka{
    color: #D1212F;
}
.em{
    color: #ECAB2F;
}
.mt{
    color: #FACE14;
}
.ptm{
    color: #B898CF;
}
.unk{
    color: #C2C4C6;
}
.tra{
    color: #8FBDEA;
}

@media (max-width: 768px){
    .t1,
    .t2{
        margin: 1rem;
        font-size: 1.6rem;
    }
    table{
        min-width: 820px;
        border-spacing: 0.25rem;
    }
    .border{
        border-width: 2px;
    }
    .title{
        font-size: 1.6rem;
        padding-top: 3px;
    }
    .desc{
        font-size: 0.65rem;
        padding-left: 3px;
        padding-right: 3px;
        padding-bottom: 3px;
    }
}