* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

body {
	min-height: 100vh;
	overflow-x: hidden;
	background-color: #003147;
}
.container {
	position: absolute;
	width: 100%;
	width: 400px;
	height: 450px;
	background-color: white;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 30px;
	padding-top: 50px;
}

.container .title {
	color: rgb(63, 63, 63);
	width: 100%;
	text-align: center;
	padding-bottom: 40px;
}




.container .inputBox
{
  position: relative;
  margin: 0 0 35px 0;
}

.container .inputBox input,
.container .inputBox textarea
{
  width: 100%;
  resize: none;
  padding: 5px 0;
  font-size: 18px;
  font-weight: 300;
  color: #333;
  border: none;
  outline: none;
  border-bottom: 1px solid #777;
}
.container .inputBox textarea
{
  min-height: 120px;
}
.container .inputBox span
{
  position: absolute;
  left: 0;
  padding: 5px 0;
  pointer-events: none;
  font-size: 18px;
  font-weight: 300;
  transition: 0.3s;
  color: #196385;
}
.container .inputBox input:focus ~ span,
.container .inputBox input:valid ~ span,
.container .inputBox textarea:focus ~ span,
.container .inputBox textarea:valid ~ span
{
  transform: translateY(-20px);
  font-size: 14px;
  color: #196385;
}
.inputBox input[type="submit"]
{
  position: relative;
  cursor: pointer;
  background: #196385;
  color: #fff;
  border: none;
  padding: 12px;
  font-size: 18px;
  font-weight: 300;
}
.inputBox input[type="submit"]:hover
{
  background: #003147;
}

#errorMessage {
	color: rgb(224, 68, 68);
	font-weight: lighter;
}