@import url("chota.css");

:root {
  --bg-color: #ffffff;
  --bg-secondary-color: #f3f3f6;
  --color-primary: #0080ff;
  --color-light: #ffffff;
  --color-lightGrey: #d2d6dd;
  --color-grey: #747681;
  --color-darkGrey: #3f4144;
  --color-error: #d43939;
  --color-success: #28bd14;
  --grid-maxWidth: 120rem;
  --grid-gutter: 1.9rem;
  --font-size: 1.6rem;
  --font-color: #222200;
  --font-family-mono: monaco, "Consolas", "Lucida Console", monospace;
  --font-family-sans: "verdana", sans-serif;
/*
*/
}

body {
    font-family: var(--font-family-sans);
}

body.dark {
  --bg-color: #000;
  --bg-secondary-color: #131316;
  --font-color: #f5f5f5;
  --color-grey: #ccc;
  --color-darkGrey: #777;
}

body > .container {
  max-width: 720px;
}

.hero {
  display: flex;
  flex-direction: column;
}

.is-full-screen {
    min-height: 100vh;
    width: 100%;
}

.logo {
  flex: 1;
  flex-direction: column;
}

.logo svg {
  width: 100%;
  max-width: 300px;
}

.logo h3 {
  font-weight: 300;
}

table {
    background-color: var(--color-light);
}

table tr:hover,
table tr:nth-of-type(2n):hover {
  background-color: var(--color-lightGrey);
}

table caption {
  font-size: calc(var(--font-size, 2rem) * 1.15);
  background-color: var(--color-primary);
  color: var(--color-light);
  padding: calc(var(--font-size, 2rem) * 0.75);
}

table tr:not(:last-child) {
    border-bottom: 1px solid var(--color-darkGrey);
}

hr {
  margin-top: calc(var(--font-size, 2rem) * 2);
  margin-bottom: calc(var(--font-size, 2rem) * 2);
  background-color: var(--color-primary);
}