style.css

main{
    display: grid;
    width: 70%;
    margin: 80px;
    margin-left: 10%;
    grid-template-columns: 1fr 3fr;
    column-gap: 20px;
}
@media(max-width: 960px){
    main{
        display: block;
        width: 90%;
        margin: 40px 20px 20px 20px;
    }
}
.seats{
    border: 1px solid grey;
    text-align: center;
    padding: 20px;
}
.how-to{
    background: navy;
    border-radius: 10px;
    width: 100%;
    height: 50px;
    color: white;
}
.seats p{
    color: blue;
}
#seat3{
    margin-left: 30px;
}
.input-field{
    border: 1px solid whitesmoke;
    padding: 10px;
}
select{
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid grey;
}
.input-field input{
    width: 93%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid rgb(10, 10, 10);
}
.tabulate{
    background: rgb(52, 52, 243);
    border-radius: 10px;
    margin: 10px;
    width: 100px;
    height: 50px;
    color: white;
    cursor: pointer;
}
table, td{
    table-layout: fixed;
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 10px;
    border: 1px solid black;
}