*{
	box-sizing:border-box;
	margin:0;
	padding:0;
}

body{
	background:url('background.png');
	background-repeat:repeat;
}

.container{
	background:white;
	opacity:0.9;
}

.page_title{
	font-size:3em;
}

.page_subtitle{
	font-size:1.7em;
}

input[type=text]{
	width:100%;
	height:50px;
	padding:10px;
	text-align:center;
	border-radius:20px;
	font-weight:700;
	font-size:1.3em;
}

input[type=submit]{
	width:50%;
	height:50px;
	padding:10px;
	text-align:center;
	border:none;
	border-radius:20px;
	transition:background-color .5s ease-in-out, color .5s ease-in-out;
	margin:10px 0;
}

input[type=submit]:hover{
	background-color:#056735;
	color:white;
}

.divider{
	height:5px;
	background-color:black;
	margin-bottom:10px;
	border-radius:50%;
}

.x{
	position: absolute;
	left:30%;
	top:5px;
	font-size:1.5em;
	opacity:0.6;
	pointer-events:none;
	transition:0.3s ease-in-out;
	overflow:hidden;
}

input[type=text]:focus ~ .x,
input[type=text]:valid ~ .x{
	font-size:2em;
	left:25%;
	opacity:0.2;
	top:0;
}

.x2{
	transform:translateY(-20px);
}

.x3{
	border:1px solid black;
	border-radius:50%;
	padding:0 5px;
}

.link{
	color:black;
	font-size:1.3em;
	line-height:2em;
}