.tab.contact form
{
  margin: 0.5em;
  padding: 0.5em;
  border: 1px gray solid;
  border-radius: 0.5em;
  display: flex;
  gap: 0.5em;
  flex-direction: column;
  background: beige;
}

.tab.contact form label
{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 0.5em;
}

.tab.contact form label:has(textarea)
{
  flex-direction: column;
}

.tab.contact form label:first-child div
{
  margin: auto 0;
}

.tab.contact form select,
.tab.contact form input
{
  margin: 0.25em;
  font-size: 16px;
  width: max-content;
}

.tab.contact form textarea
{
  box-sizing: border-box;
  font-size: 16px;
  width: 100%;
  height: 100%;
  min-height: 40vh;
}

.tab
{
  flex: 1;
}

body
{
  display: flex;
  min-height: 100vh;
}

.result
{
  padding: 2em;
  margin: auto;
}

.result .item_content
{
  padding: 1em;
  width: max-content;
  margin: auto;
}


@media (max-width: 600px)
{
  #contact form label:first-child
  {
    display: flex;
    flex-direction: column;
  }  
}