body {
background-color: rgb(40 42 54);
font-family: arial, sans-serif;
color: #ccc;
line-height:1.2em;
background-image: url(cover.png);
padding:0; margin:0;
}
#wrapper {
    margin-top: 100px;
    margin-left:auto;
    margin-right:auto;
	width:590px;   
	background-image: url(bgPurple.png);
    overflow:auto;
}
.center {
    text-align: center;
}
.rounded-corners {
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -khtml-border-radius: 30px;
  border-radius: 30px;  
}
h1 {
    padding: 0;
    font-size: 1.5em;
    text-transform: uppercase;
}
h2 {
    padding: 0;
    font-size: 1.5em;
    font-style: italic;
}
h3 {
    padding: 0;
    font-size: 0.5em:
    text-align: left;
    margin-left: 15px;
}
nav {
	font-weight: bold;
	position: relative;
    
}
 ul {
    list-style-type: none;
	padding: 0;
	font-size: 1.2em;
    text-align: center;
	margin: 0;
    overflow: hidden;
}
 li {
    float:left;
}
 a{
	text-decoration: none;
	transition: color 3s ease-out;
    padding: 14px 16px;
    display: block;   
 
}
 a:link {
    color:  #FFFFFF;
 }
 a:visited {
	color:  #090ded ;
}
 a:hover {
	color: #3285a8;
}