JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
	<!--HOW TO IMPORT FONTS:
	fonts.google.com
	find one and click the red + sign
	at the bottom of page a tab will pop up, the text to insert into hmtl/css is auto generated. -->
	<link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
	<link href="https://fonts.googleapis.com/css?family=Libre+Barcode+39+Text" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="EC1.css">
	<title>CIS 425 EC1</title>

</head>
<body>

	<header>
		<h1>
			<img class="headerImage" src="2zj3.jpg" alt="Computer image">	
			Website!
		</h1>
	</header>
	<main>
		<div class="contentWrapper">

			<ul class="listOfLinks">
				<li><a href="https://wpcarey.asu.edu/">Home</a></li>
				<li><a href="#">About</a></li>
				<li><a href="https://www.reddit.com/r/interestingasfuck/">Interesting Things</a></li>
				<li><a href="#">Boring Things</a></li>
				<li><a href="#">Contact</a></li>
			</ul>

			<div class="textBody">
				<h2>Headings are great fun </h2>

				<p class="words">
					This is my  <strong>paragraph.
				</p>

				<h2>Web Pages are Exciting Too</h2>

				<p class="words">
					Yes, . 
				</p>
			</div>
		</div>
	</main>
<footer>
	
	<p class="footText">© r</p>

</footer>
</body>

</html>

CSS

body {
	/*This removes the white borders around the edges of the page*/
	margin: 0;
	background: slategrey;
}

main {
 	background: white;
}

header, img {
	color: black;
	text-align: center;
	padding: 50px;
	font-size: 40px;
	margin: auto;
	font-family: 'Libre Barcode 39 Text', cursive;
	overflow: hidden;
}

img {
	height: 200px;
	width: 20%;
	float: left;
}

/*Font changes here -------------*/
h2 {
	font-family: 'Coiny', cursive;
}

p.words {
	font-family: 'Muli', sans-serif;
}
/*font changes end here ----------------*/

ul  {
	float: left;
}

li {
	padding: 0 0 20px 0
}

ul li a {
	padding-bottom: 10px;
	border-bottom: 2px solid black;
}

footer {
	color: white;
	background-color: black;
	margin: 500px 0 0 0;
	padding: 50px 0 50px 0;
}

.footText {
	text-align: center;
}

div .textBody {
	float: right;
	overflow: hidden;
	max-width: 80%;
}