body {
font-family: 'Indie Flower', cursive;
 background-image: url("image/9.jpg");
 background-attachment:fixed;
background-size: 100% 100%;
}
.navbar {
width:950px;
padding-top:10px;
 padding-bottom:57px;
padding-right:50px;
padding-left:20px;
height:30px;
margin-top:10px;
margin-bottom:0px;
margin-right:50px;
margin-left:300px;

}
.navbar ul {
padding:0;
list-style:none;
}
.navbar ul li {
float:left;
font-size:20px;
font-weight:bold;
margin-right:10px;
}
.navbar ul li a {
text-decoration:none;
color:#000000;
background:#6db1e4;
border:1px solid #000000;
border-bottom:none;
 padding-top:25px;
 padding-bottom:33px;
padding-right:60px;
padding-left:20px;
-webkit-border-top-right-radius:10px;
-webkit-border-top-left-redius:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
width:30px;
display:block;
text-align:center;
}
.navbar ul li a:hover {
text-decoration:none;
color:000000;
background:#96e0e9;
-mox-transition:background-color 200ms ease-in;
-webkit-transition:background-color 200ms ease-in;
-ms-transition:background-color 200ms ease-in;
-o-transition:background-color 200ms ease-in;
transition:background-color 200ms ease-in;
cursor:pointer;
}

.navbar ul li a#onlink {
background:#ffffff;
color:#000000;
border-bottom:1px solid #ffffff;

}
.navbar ul li a#onlink:hover {
background:#ffffff;
color:#000000;
cursor:pointer;
}

#door{ 
       display:block;
 background-image: url("image/10.svg");
        	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	font-family:"Indie Flower",cursive;
	font-size: 50px;
        display:block;
       margin-top:10px;
margin-bottom:0px;
margin-right:165px;
margin-left:165px;
background-size:100%;
height:200px;
padding-top:28px;
border:3px solid black;	
padding-bottom:20px;

}