@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=Ruda:wght@400;700&family=Spectral:ital,wght@0,400;0,700;1,400;1,700&display=swap");
:root {
  --text-foreground-color: #000000;
  --text-background-color: #ffffff;
  --page-foreground-color: #ffffff;
  --page-background-color: #000000;
  --accent-1: #1c99e0;
  --accent-2: #ff2a2d;
  --accent-1-foreground-color: #ffffff;
  --accent-2-foreground-color: #ffffff;
  --body-font: 'Spectral', serif;
  --heading-font: 'Ruda', sans-serif;
  --menu-font: 'Oswald', sans-serif;
}

body {
  margin: 0 auto;
  background-color: var(--text-background-color);
  color: var(--text-foreground-color);
  font-family: var(--body-font);
  font-size: 16pt;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: var(--heading-font);
}
body label, body button {
  font-family: var(--menu-font);
  font-weight: bold;
}
body label {
  margin-right: 0.5em;
}
body lion-button {
  font-family: var(--menu-font);
  max-width: fit-content;
  font-weight: bold;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 3px 4px 5px 0 #000000;
  background-color: var(--accent-1);
  color: var(--accent-1-foreground-color);
  margin-bottom: 5px;
  cursor: pointer;
}
body lion-button[active] {
  margin-top: 5px;
  margin-bottom: 0;
  box-shadow: none;
}
body lion-button[disabled] {
  filter: saturate(50%) grayscale(75%);
}
body lion-input {
  width: 100%;
  display: grid;
  gap: 0.5em;
  grid-template-columns: fit-content(100%) 1fr;
}
body lion-listbox {
  width: 100%;
  max-width: 20em;
}
body lion-textarea {
  width: 100%;
}
body lion-options {
  margin-left: 1em;
  border: 1px solid var(--text-foreground-color);
  font-family: var(--body-font);
}
body lion-options lion-option {
  user-select: none;
  cursor: pointer;
}
body lion-options lion-option:not(:last-child) {
  border-bottom: 1px dotted var(--text-foreground-color);
}
body lion-options lion-option:before {
  content: "　";
  float: left;
  width: 1em;
  padding: 0 3px;
}
body lion-options lion-option[checked]:before {
  content: "✓";
}
body #signin {
  height: 70px;
  overflow: hidden;
}
body #signin .signedin {
  display: none;
  font-size: 12pt;
  margin: 0;
  padding: 0 10px;
}
body #signin .signedin .user-photo {
  width: 2em;
  height: 2em;
  margin: 0 10px;
}
body #signin #signin-button {
  padding: 13px;
}
body header {
  text-align: center;
  background-color: var(--page-background-color);
  color: var(--page-foreground-color);
  width: 100%;
  padding: 10px 0;
}
body header h1 {
  margin: 0;
}
body header #logo {
  max-width: 500px;
  margin: 0 auto;
}
body main {
  margin: 0 auto;
  padding-top: 20px;
  max-width: 800px;
  width: 100%;
  background-color: var(--text-background-color);
  color: var(--text-foreground-color);
  display: flex;
  flex-direction: column;
  gap: 1em;
  align-items: center;
}

/*# sourceMappingURL=dist.css.map */