html {

background: url(http://2.bp.blogspot.com/-T83cllhNq3k/UiAZ_cZN_1I/AAAAAAAAKEk/xphfijSzUgA/s1600/Background-Wall2.jpg);

}

h1 {
text-align: center;
font: 100px "Covered By Your Grace";
background: rgba(80,80,80,0.5);
margin: 3em 3em;
xpadding: 2em;
}

nav {
xbackground: rgba(61,38,38,0.7);
background: black;
text-align: center;
color: rgba(200,200,0,0.1);
xposition: fixed;
xtop: 40 px;
/* absolute trekker ut elementet */
padding-bottom: 4em;
right: 0;
left: 0;
xpadding-right: 2em;
}

nav img{
height: 100%;
width: 100%;

}

nav li img {
height: 5%;
width: 5%;
padding-right: 10px;
   x float: right;
}

h3{

font: 300px Special Elite;
xbackground: none;
color: rgba(180,180,80, 0.5);
xposition: absolute;
left: 0 px
top: 200 em;
padding: 100 px;
-webkit-transform: rotate(335deg);
text-align: left;
 z-index:-1;
}


nav li {
word-spacing: 50px;
list-style-type: none;
display: inline;
xtext-align: center;
float: center;
xborder-spacing: 10px;
padding-top: 3em;
}

nav h2 {
font: 70px Special Elite;
float: left;
transition: 1s;
padding-bottom: 10px;
xheight: 110%
}


nav a {
color: white;
text-decoration: none;
background: none;
font: 30px serif;
padding-top: 20 px;
position: left;
word-spacing: 300 px;
}


h2:hover {
color: green;
}

nav h2 span { color: red;}


xhead title{

font: 50px Special Elite;
xbackground: none;
color: purple;
xposition: absolute;
xleft: -10px;
top: 50px;
xtext-align: left;
}

xnav h3 span {
color: red;
}