/*
||------------------------THEME-------------------------||
||                                                      ||
||           path: /css-styles/themes/table.css         ||
||                                                      ||
||----------------------css-style-----------------------||

content:
- TABLE
- TABLE IMG
*/

/* ------------------ TABLE ------------------ */
table {
  position: relative;
  width: 90%;
  padding: 6px;
  margin: 16px auto;

  color: var(--color-text);
  border-radius: 8px;
  border-collapse: separate;
  border-spacing: 4px 6px;
  background-color: var(--color-surface);
}

thead,
th,
td {
  padding: 6px;
  margin: 160px;

  box-shadow: var(--shadow-soft);
  border-radius: 4px;
  border-bottom: 0.5px solid var(--color-accent);
}

button {
  padding: 3px;

  border: 0.5 solid #222;
  border-radius: 4px;
  text-shadow: var(--shadow-soft);
  background-color: var(--color-accent-dark);
  color: var(--color-text);
}

/* ------------------ TABLE IMG ------------------ */
tr img {
  width: 50px;
  height: 50px;
  border-radius: 5px;
}