* {
	margin: 0;
}

body {
	width: 699px;
	margin: auto;
	background: #f3dbdb;
}

h1 {
	text-align: center;
	padding: 3vh;
	margin-top: 14vh;
	margin-bottom: 3vh;
	font-size: 3em;
	background: #fff;
}

p {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-size: 1.7em;
	position: relative;
	width: 72%;
	left: 19%;
}

x {
	font-size: 2em;
	display: inline-block;
	position: relative;
	text-align: center;
	width: 50%;
	padding-top: 10px;
	padding-bottom: 10px;
}

x:hover {
	color: #333;
	opacity: .95;
}

.ok {
	cursor:pointer;
}

.ok:hover {
	opacity: .7;
}

z {
	display: inline-block;
	color: #1d1792;
}

z:hover {
	color: #77b6e2;
	cursor: pointer;
}

.t {
	width: 233px;
}

.f {
	width: 100%;
	background: #77b6e2;
	cursor: pointer;
}

input {
	display: inline-block;
	font-size: 2em;
	padding: 7px;
	width: 100%;
	text-align: center;
}

.cont {
	width: 100%;
	background: #fff;
	margin-bottom: 10px;
}

footer {
	width: 680px;
	background: #fff;
	font-size: 1.3em;
	padding: 10px;
	text-align: center;
}

footer a {
	color: #1d1792;
	text-decoration: none;
}