html {
	display: table;
	height: 100%;
	width: 100%;
}
body {
	display: table-cell;
	vertical-align: middle;
	background-color: #f7f9fa;
	background-image: url(https://www.filiphofer.com/sites/default/files/background9.svg);
	background-position: top left;
}
form {
	width: 300px;
	height: 300px;
	font-size: 30px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
}
a {
	color: #0d77b5;
	text-decoration: none;
	box-shadow: inset 0 -2px 0 0 #767676;
	transition: box-shadow 0.3s cubic-bezier(0.55,0.085,0,0.99);
}
a:hover {
	box-shadow: inset 0 -3em 0 0 #d9ecfa;
	text-decoration: underline;
	color: #000;
	text-decoration-color: #d9ecfa;
}