@font-face {
  font-family: "Roboto";
  src: url("/static/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}

body {
	margin: 0;

	width: 100%;
	height: 100vh;
}

#page {
	width: 100%;
	height: 100%;

	display: flex;
	justify-content: center;
	align-items: center;
}

#form-container {
	border-radius: 10px;

	padding: 30px;

	background-color: #f2f2f2;

	display: flex;
	flex-direction: column;
}

#title {
	font-family: "Roboto";
	font-size: 36px;

	color: #1777cb;
}

form {
	display: flex;
	flex-direction: column;
}

input {
	padding: 5px;

	font-size: 24px;
}

input:first-child {
	margin-top: 30px;
}

input:nth-child(2) {
	margin-top: 10px;
}

input:last-child {
	margin-top: 30px;
}

#error-message {
	margin-top: 5px;

	visibility: hidden;

	color: red;
	font-size: 20px;
}