Untitled

<!DOCTYPE html>

<html>
<head>
<title>Josh's Typography Homework</title>
<style>
.title {
	font-family: sans-serif;
	font-size: 50px;
	font-weight: 250px;
	height: 50%;
	width: 25%;
	overflow: hidden;
	text-transform: uppercase;
	padding: 20px;
	margin: 0;
	top: 0;
	left: 0;
	letter-spacing: 18px;
    text-align: center;
    background-color: black;
    color:aqua;
    text-emphasis-color: yellow;
}
.h2 {
    font-family: sans-serif;
    font-size: 25px;
    font-weight: 100px;
    text-transform:uppercase;
    padding: 20px;
    color:aqua;
    background-color: black;
    text-align: center;

}
a:link {
    color:hotpink;
}
a:hover {
    color:yellow
}
</style>
</head>

<body>
    <div class="title">
        <h1> JOSH's TYPOGRAPHY HOMEWORK</h1>
    </div>

    <div class="h2">
    <h2><b><a href="Http://www.google.com">click here to go to google</a></b></h2>
        <p> Check out my sweet hover text and stuff</p>
    </div>
</body>
</html>