/*
  Hosted site CSS
  ----------------------
  Hosted brand pages load this file separately from the shared components.
  For example, "font-family" within the "body" selector is a CSS property
  most apps will want applied to all components.

  Any global CSS variables should also be applied here.
*/

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: var(--background);
}

body {
  min-height: 100vh;
  overflow-x: hidden;
}

a:first-of-type {
  padding: 0 2px 2px 0;
  font-weight: 300;
}

a:hover {
  border-color: var(--porcelain);
}

img {
  width: 100%;
  border-radius: 4px;
}

table > * {
  color: var(--porcelain);
}

table a {
  color: var(--error);
}

table {
  width: 100%;
}

tr {
  background-color: var(--surface);
}
tr:nth-child(even) {
  background-color: var(--background);
}

td {
  padding: 10px;
}