body {
margin: 0;
background: #000000;
  background-image: url('images/dividerstars.gif'), url('images/crystal.jpg'), url('images/lunarbg.jpg');
  background-position: top left, bottom right, top left;
  background-repeat: repeat-x, no-repeat, repeat;
  background-attachment: fixed, fixed, fixed;
}

  #kosmos {
width:800px;
height:300px;
position:absolute;
top:140px;
left:100px;
}

#nav {
	width:500px;
	height:50px;
	position:absolute;
	top:10px;
	left:20px;
}

.navi {
	font-family: "Orbitron", sans-serif;
	color: #ffffff;
}

.navi a {
	font-size:30px;
	color: #ffffff;
	text-decoration: none;
}

.navi a:hover{
	font-size:30px;
	color: #f2ede4;
	text-decoration: underline;
}

h1  {
	background-image: url('images/lunarbg.jpg');
	font-size: 30px;
    font-family: "Orbitron", sans-serif;
	color: #fff;
	text-shadow: -2px -2px 0 #1b1ac7, 1px -1px 0 #1b1ac7;, -1px 1px 0 #000, 1px 1px 0 #000;
	text-align: center;
}

.shion  {
	background: rgba(255, 255, 255, 0.8);
	color: #1c1e3e;
	font-size: 17px;
    font-family: 'Roboto', sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

}

.shion a {
	font-size:17px;
	font-weight:bold;
    font-family: 'Amita', cursive;
	color: #1b1ac7;
}

.shion a:hover {
	font-size:17px;
	font-weight:bold;
    font-family: 'Amita', cursive;
	color: #1b1ac7;
	text-decoration: none;
}

b {
	font-size:20px;
    	font-family: "Orbitron", sans-serif;
	color: #1b1ac7;
}

i {
	font-size:15px;
    font-family: "Orbitron", sans-serif;
}