label{
    font-size: large;
    font-weight: 400;
}

form{
    display:table;
}
form-row{
    display: table-row;
}
input[type=text], input[type=email], input[type=tel] {
    display: table-cell;
    background-color: #000;
    color: white;
    padding: 12px 20px;
    margin: 8px 0;
    border-radius: 8px;
    border: 4px solid #999;
    box-sizing: border-box;
    width: min(600px, 100%);
    height:100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
    font-family: 'kanit';
    font-size: large;
}

textarea{
    background-color: #000;
    color: white;
    padding: 12px 20px;
    margin: 8px 0;
    border-radius: 8px;
    border: 4px solid #999;
    box-sizing: border-box;
    width: min(600px, 100%);
    height:100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
    font-family: 'kanit';
    resize: none;
}

input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus {
    border: 4px solid #F0F0F0;
}
input[type=submit] {
    height: 3rem;
    background-color: #000;
    color:#AAA;
    border: 4px solid #999;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    font-family: 'kanit';
    font-weight: 600;
    font-size: large;
    -webkit-transition: 0.3s;
    transition: all 0.3s linear;
    cursor:pointer;
}

input[type=submit]:hover:enabled{
    border: 4px solid #FFF;
    color:#FFF;
}

.formtable{
    width: 50%;
}