:root {
  --bg-color: rgb(40, 40, 40);
  --fg-color: rgb(215, 215, 215);
}
body
{
  margin: 0;
  padding: 0;
  background-color: var(--bg-color);
}
.center
{
  display: flex;
  justify-content: center; /*horizontal*/
  align-items: center;
  height: 100vh;
  gap: 16px;
}
::selection
{
	color: var(--bg-color);
	background-color: var(--fg-color);
}
input
{
	width: 90vw;
	background-color: var(--bg-color);

	font-family: monospace;
	color: var(--fg-color);
  text-align: center;

  outline: 0;
  outline-offset: 0;

  border-radius: 999px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(215, 215, 215, 0.25);
}
@media all and (orientation:portrait)
{
	input
	{
		height: 10vw;
		font-size: 5vw;
	}
}
@media all and (orientation:landscape)
{
	input
	{
		height: 10vh;
		font-size: 5vh
	}
}