* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	position: relative;
}

html, body {
	height: 100%;
}

html {
	overflow-y:scroll;
}

body {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5 {
	padding: 0;
	margin-bottom: 0.5em;
}

:hover {
	transition: ease 0.3s;
	transition-property: background, color;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #000000;
}

a:visited {
	color: #000000;
}

a:hover {
	text-decoration: none;
}

p {
	padding: 0;
	margin-bottom: 1rem;
}

/* 
	It is much more common to use lists as structural elements rather than the text content bulleted lists,
	so set that as a default. Text lists can have their own class.
*/
ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}
/* */

input[type=submit],
input[type=image],
button { 
	cursor: pointer;
}