html {
  --page-color: white;
  --ink-color: black;
}
@media (prefers-color-scheme: dark) {
  html {
    --page-color: #202124;
    --ink-color: white;
  }
}
body {
  background-color: var(--page-color);
  color: var(--ink-color);
}
input {
  background-color: var(--page-color);
  color: var(--ink-color);
  border-color: var(--ink-color);
}
button {
  background-color: var(white);
  color: var(#202124);
  cursor: pointer;
}
.bg-image {
  background-image:url("image/flag.png"); 
  filter: blur(8px); 
  -webkit-filter: blur(8px); 
  height: 100%; 
  background-position: center; 
  background-repeat: no-repeat;
  background-size: cover;
}
.content { 
  flex: 1 0 auto;
}
.footer { 
  flex-shrink: 0;
}