* {
	padding: 0;
	margin: 0;
}

html,
body {
	font-size: 14px;
	line-height: 12px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}

p {
	font-size: 1em;
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
}

h1 {
	font-size: 1.3em;
	font-weight: bold;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
}

h1 {
	font-size: 1.1em;
	font-weight: bold;
}

h1 {
	font-size: 1.0em;
	font-weight: bold;
}

h1 {
	font-size: 0.9em;
	font-weight: bold;
}

.container,
.gb-container {
	padding: 10px;
	width: 250px;
}

h2 {
	margin: 10px 0
}

input[type=text],
textarea {
	width: 235px;
	color: black;
	border: 2px solid green;
	border-radius: 4px;
	padding: 4px;
	font-size: 0.95em;
	margin: 10px 0 0;
}

input[type=submit],
input[type=reset] {
	width: 120px;
	color: white;
	background: green !important;
	border: 2px solid black;
	border-radius: 4px;
	padding: 3px;
	font-size: 1.1em;
	margin: 10px 0px 10px 1px;
	text-align: center;
}

.container {
	border-bottom: 2px dotted #CCC !important;
}
.gb-container h2 {
	font-size: 1em;
	margin-bottom: 5px !important;
}

.gb-container i {
	font-size: 0.7em;
	margin-bottom: 3px !important;
	display: block
}

.gb-container p {
	font-size: 1.0em;
	margin: -10px 0 5px;
	line-height: 16px;
}

/* LOADER ANIMATION */
.loader {
	border: 16px solid #f3f3f3;
	/* Light grey */
	border-top: 16px solid #34db66;
	/* Green */
	border-radius: 50%;
	width: 70px;
	height: 70px;
	animation: spin 2s linear infinite;
	position: relative;
	margin: 0 auto;
	top: 10px
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=reset]:focus {
	background-color: lightblue !important;
}