.content {width: 1024px; min-height: 500px; margin: 0 auto; padding: 20px 10px 20px 30px; background-color: white; display: flex; gap: 15px;}

main {display: block;}

#contact {border: none; border-collapse: separate; background-color: #d6e7fb;}
#contact tr th {width: 25%; background-color: white; color: black; text-align: right; padding-right: 4px; padding-left: 4px;}
#contact tr td {background-color: white; padding: 4px 8px;}

.settings_tooltip {position: relative; cursor: pointer; font-weight: 100;}
.settings_tooltip_text {position: absolute; bottom: 125%; left: 50%; transform: translateX(-50%); background: #222; color: #fff; padding: 5px 8px; border-radius: 4px; font-size: 14px; opacity: 0; pointer-events: none; transition: opacity 0.2s; white-space: nowrap; font-weight: 100; font-size: smaller; text-transform: none;}
.settings_tooltip:hover .settings_tooltip_text {opacity: 1;}

#send_contact {margin-top: 35px;}

input[type="email"],
input[type="name"] {width: 181px;}

#message {font-family: inherit; width: 181px; min-height: 125px; max-height: 125px; overflow-y: auto; resize: none;}

#message-error, #name-error, #email-error{font-size:small;font-weight:normal;display:block;}