.recordsPage{
    margin: 5vh;
    display: flex;
}
table {
    margin: auto;
    border-spacing: 0;
    padding: 40px;
    color:#a09e9e;
    text-align: center;
    font-size: 3vh;
    background-color: rgba(250, 249, 249, 0.055);
    animation-duration: 3s;
    animation-name: scaleTransform;  
}
td {
    width: 15vw;
    padding: 10px 20px;
    border-bottom: 1px solid #3b3b3b71;  
}
td:first-child {
    width: 3vw;  
}
th {
    font-family: Georgia, 'Times New Roman', Times, serif;
    padding: 10px 20px;
    border-bottom: 1px solid #3b3b3b71;
    color:#f5f1f1;
}
@keyframes scaleTransform {
    from {
      transform: scale(0.1);
    }
  
    to {
        transform: scale(1);
    }
}

@media (max-width: 1200px) {
    table {
        padding: 30px 40px;
        font-size: 20px;
    }
    td {
        width: 25vw;
    } 
}
@media (max-width: 992px) {
    table {
        padding: 20px 40px;
        font-size: 18px;
    }
    td {
        width: 25vw;
        padding: 10px 20px;
    }
    .recordsPage{
        margin: 5px;
    }  
} 
@media (max-width: 650px) {
    table {
        padding: 10px 40px;
        font-size: 18px;
    }
    td {
        width: 30vw;
        padding: 5px 20px;
    }
    th {
        padding: 5px 20px;
    }
    .recordsPage{
        margin: 5px;
    }  
}