body {
    font-family: Arial, sans-serif;
    background:#f4f4f4;
    margin:0;
    padding:10px;
    margin:0 auto;
}

h2 {
    text-align:center;
}

.luuy{
    text-align:center;
    color: red;
}

form {
    background:#fff;
    padding:0px;
    border-radius:10px;
    max-width:900px;
    margin:0 auto;
}
table {
    width:100%;
    border-collapse:collapse;
    margin-bottom:20px;
}

table th, table td {
    border:1px solid #ddd;
    padding:8px;
    text-align:center;
}

table th {
    background:#eaeaea;
}

 input[type="text"], input[type="number"], input[type="tel"], input[type="date"] {
    width:90%;
    padding:6px;
    border:1px solid #ccc;
    border-radius:5px;
    font-size: 13px;
    text-align:center;
}

tr td input[type="text"], input[type="number"], input[type="tel"], input[type="date"] {
    width:90%;
    padding:6px;
    border:1px solid #ccc;
    border-radius:5px;
    font-size: 13px;
    text-align:center;
}

.info-section {
    margin-bottom:20px;
}

.btn-submit {
    background:#007bff;
    color:#fff;
    padding:10px 18px;
    border:none;
    border-radius:5px;
    cursor:pointer;
}

.btn-submit:hover {
    opacity:0.9;
}

.riceName{
    /*margin:0 auto;*/
    text-align: left;
    color: blue;
}


@media(max-width: 600px){
    table td {
        display:block;
        width:100%;
        text-align:center;
        /*padding:1px;*/

    }
    
    table tr {
        display:block;
        margin-bottom:5px;
        border:1px solid #ddd;
        padding:5px;
        background:#fafafa;
    }
    
    table th {
        display:none;
    }
    
    input[type="text"], input[type="number"], input[type="tel"], input[type="date"] {
        width:100%;
        margin-top:0px;
        text-align: center;
    }
    
    input[type="text"], input[type="number"], input[type="tel"], input[type="date"] {
        width:100%;
        margin-top:0px;
        text-align: center;
    }
    
    .riceName{
        /*margin:0 auto;*/
        text-align: center;
        color: blue;
    }

}