body {
  background: #191919;
  width: 100%;
  height: 100%;
}
main {
  display: grid;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
#index {
  position: absolute;
  width: 20em;
  height: 20em;
  justify-self: center;
  top: 10em;
  background: white;
  padding: 4em;
  border-radius: 1rem;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: min-content 1fr;
  grid-auto-rows: min-content;
  gap: 1em;
  grid-auto-flow: row;
  overflow: hidden;
}
#index > #update-data {
  overflow-x: hidden;
  overflow-y: auto;
}
#login {
  position: absolute;
  width: 20em;
  height: 20em;
  justify-self: center;
  top: 10em;
  background: white;
  padding: 4em;
  border-radius: 1rem;
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: min-content;
  gap: 1em;
  grid-auto-flow: row;
}
#login > .login {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-auto-rows: min-content;
  gap: 0.5em;
}
#login > .login [type=submit],
#login > .login .disclaimer,
#login > .login .message {
  grid-column: 1 / -1;
}
#login > .oauth {
  display: grid;
  grid-template-columns: 100%;
  grid-auto-rows: min-content;
  gap: 0.5em;
}
a,
button,
[type=submit] {
  background: #282828;
  color: white;
  padding: 0.5em;
  text-decoration: none;
  text-align: center;
  border: none;
  border-radius: 0.25em;
  font-size: 1rem;
  font-weight: bold;
}
a:hover,
button:hover,
[type=submit]:hover {
  background: #1E1763;
}
[type=text],
[type=password] {
  background: white;
  border: 1px solid black;
  border-radius: 0.25em;
}
/*# sourceMappingURL=app.css.map */