.container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	overflow-y: auto;
	background: linear-gradient(45deg, #004C70, #007AB0);
}
.input-part {
	min-width: 0;
	width: 35%;
	height: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.input-part h2{
	color: #fff;
	margin-block-start: 0;
	margin-block-end: 1vh;
	font-size: 2em;
	padding-inline-start: 0.8em;
	user-select: none;
}
.input-part input {
	appearance: none;
	position: relative;
	border-radius: 20em;
	margin-block-end: 8%;
	box-sizing: border-box;
	outline: none;
	padding-inline-start: 1em;
	padding-inline-end: 1em;
	font-size: 1.5em;
	height: 3.2em;
	width: 100%;
	border: none;
	background-color: #ffffffcc !important;
}

.input-part button{
	align-self: center;
	justify-self: flex-end;
	font-size: 4.5vh;
	padding: 0.15em 2em;
	width: fit-content;
	margin-block-start: 16%;
	font-family: 'calibri';
	font-weight: lighter;
	font-style: italic;
	color: #fff;
	letter-spacing: 0.5vh;
	border: 1px solid #fff;
	user-select: none;
}

.input-part button:hover {
	color: #007AB0;
	background-color: #fff;
	border: 1px solid #fff;
}

.footer p {
    color: #fff;
}

.error-message {
	width: 35%;
	user-select: none;
}