Untitled

<!DOCTYPE html>
 <html>

<head>
<title>Promises!-Contact</title>
<meta charset="UTF-8">

<style>


#body
{
margin: 0 auto;
width: 370px;
height: 1%;
margin-top: 100px;
border-radius: 15px;
border: 5px dotted #00A396;
background-clip: content-box;
background-color: #F8B72E;
text-align: justify;
font-family: Kirvy;
overflow: hidden;
font-size: 13px;


}

#wrapper
{ width: 100%;
margin: 0%;
padding: 0%;
}

p
{
padding: 10px;}

   #title
   {text-align: center;
   font-size: 24px;
   top-margin: 0px;
   padding: 0px;
    }

nav {
font-family: KBAStitchInTime;
font-size: 12px;
color: #EC225F;
right: 220px;
top: 140px;
position: relative;}

#dot1
{
font-size: 100px;
display: inline-block;
line-height: 20px;}

#dot2
{
font-size: 100px;
display: inline-block;
line-height: 20px;}

#dot3
{
font-size: 100px;
display: inline-block;
line-height: 20px;}

#dot4
 {
font-size: 100px;
 display: inline-block;
 line-height: 20px;}


 a:link { color:#EC225F; text-decoration:none; }
 a:visited{ color: purple; }
 a:hover{ color: ;}
 a:active {}


body {background-color: #262626;
text-align: left;

}


</style>


</head>

<body>

<div id="wrapper">

<nav>

<span id="dot1">.</span><a href="about.html">About</a><br>
<span id="dot2">.</span><a href="pages.html">Pages</a><br>
<span id="dot3">.</span><a href="poems.html">Poems</a><br>
<span id="dot4">.</span><a href="index.html">Home</a><br>

</nav>


<div id="body">
<p id="title">Contact!</p>

<p> I love getting mail! Find me at:</p>


</div>


</div>


</body>
</html>