@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

* {
	font-family: 'Open Sans', sans-serif; outline: none;
}

h1 {
	text-align: center;
}

table {
	margin: auto;
	border: 1px solid #000;
	border-radius: 20px;
	padding: 1em 0;
}

col {
	width: 33.33%;
}

td:nth-of-type(1) {
	text-align: right;
}

td:nth-of-type(2) {
	text-align: left;
}

td:nth-of-type(3) {
	text-align: center;
}

tr:last-of-type td {
	padding-top: 1.5em;
}

input[type=text] {
	border: 1px solid #ccc;
	 border-radius: 4px;
	  padding: 0.5em;
	  font-size: 1em;
}

input[type=text]:hover {
	box-shadow: 0 0 2px 1px #53caff;
}

.btn {
	padding: 0.75em;
	border: none;
	color: #FFF;
	font-size: 1em;
}

.reset-btn {
	background-color: #286090;
}

.reset-btn:hover {
	background-color: #204d74;
}

.go-to-page-btn {
	background-color: #449d44;
}

.go-to-page-btn:hover {
	background-color: #398439;
}

.go-to-hpage-btn {
	background-color: #8a226b;
}

.go-to-hpage-btn:hover {
	background-color: #58364e;
}

.go-to-fpage-btn {
	background-color: #22438a;
}

.go-to-fpage-btn:hover {
	background-color: #3d4a66;
}