@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body {
	background-color: #000000;
	color: #FFFFFF;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	margin: 0;
}

* { 
	font-family: 'Roboto', sans-serif;
	text-align: center;
}

form {
	display: flex;
	flex-direction: column;
	align-items: center;
}

input[type=text] {
	height: 1.5rem;
	width: 200px;
	margin: 0;
	box-sizing: border-box;
	color: red;

  border-radius: 3px;
  border: none;
  outline: none;
}

input[type=submit] {
	background-color: #C0C8CA;
	color: #000000;
	width: 3.5rem;
	height: 1.7rem;
	margin: 1.3rem;
}

input[type=submit]:hover {
	background-color: #A0A8C8;
  border: none;
}