/* 	READ FIRST
	For your marking, I'll clarify where some of my required items are.
	The center-aligned heading: index page
	RGBa and Hexi colours: used below
	Font weight: h2 below is bold
	Link: styled beolow
		Visited and Active states: attatched to link selector below <a>
		Hover state: attatched to the list link  below (li a)
	Buttons: about page
	Background image: index page
	Background transparency: yellow box about page
	Coloured Border AND shorthand use: table on mylist page
	Example ID: #cover on index page
	Example class: .button on about page
	Thanks! :)
*/


* {font-family: "Poppins", Arial, sans-serif;}


h1 {font-family: "Genos", "Stick No Bills", sans-serif; 
	color:rgb(255,185,0); 
	display:block; 
	height:100px;
	text-align: center;
	font-size: 60px;}

h2 {font-weight: bold;}

/* p,a,h2,h3,blockquote,figcaption,  {font-family: "Poppins", Arial, sans-serif;} */

body{background-color:rgb(30,30,30);
	color:#ffffff}

a {color: rgba(255,185,0,1);}
a:active {color: red;}
section a:visited {color: rgb(234, 143, 16);}

/*begin unorder list section */
ul {list-style-type: none; 
	margin: 10px; 
	padding: 0px;
	overflow: hidden; 
	background-color: #000000;}

ul li {float: left;}

li a {display: block;
	color: #ffffff;
	text-align: center;
	padding: 16px;
	text-decoration: none;}

li a:hover {background-color: #1e1e1e;}
/* end section */

table {border: 3px dashed #ea8f10; 
		width:100%; 
		border-collapse: collapse; 
		text-align: center}
table tr {height: 50px}

section {width:80%;
		display: block; 
		margin-left: auto; 
		margin-right: auto;"}