CSS CODE

<DOCTYPE html>
<html>
<head></head>
	<title>Edmundo</title>
	<link rel="stylesheet"href="index.css">
	<meta charset="utf-8">
    <style>
	body{background-color:#ffa500;}p{text-align:justify;color:#ffffff;}article{background-color:#99cccc;height:200px;width:500px;padding:5px;}table{margin:auto;background-color:#979b00;color:#c9f76f;width:300px;border:solid:#000000:2px;}td{text-align:left;}footer{margin:auto;background-color:#86b32d;}a{color:#006600;text-decoration:none}a:visited{color:#ffc0cb;}a:hover{color:#8000080;}span{color:#ff0000;font-weight:bold;}
	</style>


 <body>
 <header> <h1 style="text-align:center;color:#ffffff;line-height:75px;width:500px;margin:auto;border-radius:20px;background-color:#0000ff">Ed's Hobbies</h1> <br>
</header>
<center>
<article>
<nav>
<img src="speech1.jpeg" style="float:right;clear;left;width:200px;height:100px">
<img src="datboi.gif” style="float:right;height:200px;width:400px">
</img>
<p style="text-align:center;font-style:italic"> Hi I'm Ed a junior here. Currently it's my last year here at Richards. I made a website about my hobbies as a memory of spending 3 years here at Richards. At my website you can find <span>dank memes</span>,<span>comic sans font</span>, and a <span>rare photo of a blobfish</span>. Hope you enjoy your stay. Thanks for visiting!</p>
<li><a href="dankmemes.html"> Dank memes</a>
<li><a href="videogames.html">Video games</a>
<li><a href="drama.html">Speech</a>
<li><a href="reading.html">Reading</a>
</article>
</center>
<footer> <p> Edmundo Lara "OK Boomer"Copyright circa (2019)
</footer>
</body>
</html>