@media only screen and (max-width: 600px){    
    main{
        margin-bottom: 100px;
        padding-left: 10px;
        padding-right: 10px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    main #first{
        font-size: 14px;
        font-weight: 500;
        padding-bottom: 20px;
    }
    main #first-1{
        font-size: 16px;
        font-weight: 500;
        padding-bottom: 20px;
    }
    section{
        width: 100%;
    }
    table{
        overflow: scroll;
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }
    table tr th{
        height: 50px;
        width: 100%;
        padding: 0px 8px;
        text-align: left;
        width: auto;
    }
    table tr td input{
        height: 50px;
        width: 100%;
        font-size: 14px;
        color: black;
        text-align: center;
        outline: none;
        border: none;
        background: transparent;
        padding-left: 10px;
        background-color: rgb(198, 207, 207);
    }
}