body{
background-color: #c4c1ce;
background-image: url(Ocean_Back.jpg);
background-repeat: no-repeat;
background-size: 100%;
background-attachment: fixed;
color: #26396e;
font-family: 'VT323', serif;
}
 
#all{
width: 560px;
margin: 0 auto;
margin-left:650px
.vt323-regular {
  font-family: "VT323", monospace;
  font-weight: 400;
  font-style: normal;
}



img{
opacity: 0.9;
}
.scroll-box {
 width: 510px;
 height: 460px;
 overflow: auto;
 text-align: center;
border: 1px solid #ccc;
padding: 10px;
 }
#header{
width: 560px;
margin: 15px 0px 7px 0px;
font-family:"";
float: left;
}
box-sizing: border-box;
    }
    /* Set additional styling options for the columns*/
.column {
float: left;
width: 50%;
    }

.row:after {
 cotent: "";
display: table;
clear: both;
}

h1{
font-family: 'VT323' ;
text-align: left;
font-size: 45px;
font-weight: normal;
color: #79bbf1;
margin: 0px;
}

#noah{
font-family: 'Ticketing', serif;
text-align: left;
font-size: 14px;
font-weight: normal;
color: #103953;
margin: 0px;
}

#shui{
font-family: 'Ticketing', serif;
text-align: right;
font-size: 14px;
font-weight: normal;
color: #103953;
margin: 0px;
}
 
#nav{
background-color: #fff;
width: 560px;
margin-bottom: 10px;
 border-width:2px;
            border-style:ridge;
            border-color:rgb(42, 240, 164);
            overflow:hidden;
}
 
ul{
text-align: center;
padding: 0px;
margin: 0px;
}
 
li{
list-style-type: none;
display: inline;
padding-left: 5px;
}
 
a{
text-decoration: none;
color: #4b4673;
}
 
a:visited{
color: #2b0541;
}
 
a:hover{
font-style: italic;
font-weight: bold;
}
 
a:active{
font-style: italic;
font-weight: bold;
}
 
#main{
background-color: #fff;
width: 530px;
padding: 15px;
text-align: justify;
 border-width:2px;
            border-style:ridge;
            border-color:rgb(49, 235, 89);
            overflow:hidden;
}

 
::-webkit-scrollbar{
width: 6px; 
}
 
::-webkit-scrollbar-track{
background-color: #1a1c16;
}
 
::-webkit-scrollbar-thumb{
background-color: #0b5688;
}
 div.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  text-align: center;
  align-items: center;
}

div.gallery-item {
  margin: 5px;
  border: 1px solid #ccc;
  width: 180px;
}

div.gallery-item:hover {
  border: 1px solid #145991;
}

div.gallery-item img {
  width: 100%;
  height: auto;
}

div.gallery-item div.desc {
  padding: 15px;
  text-align: center;
}
#credit{
font-size: 12px;
position: fixed;
bottom: 0;
right: 0;
}
 
#credit a{
text-decoration: none;
color: #fff;
}
 
#credit a:visited{
color: #fff;
}
 
#credit a:hover{
font-style: italic;
font-weight: bold;
}
 
#credit a:active{
font-style: italic;
font-weight: bold;
}

	
.navigation {
         
            width: 200px;
          
            min-height: 450px;
          
            border-width: 8px;
            margin-top: 15px;
            
            overflow: hidden;
            position: absolute;
            
           margin-left: 250px;
           margin-right: 600px;
          
                        border-style:ridge;
            border-color:rgb(49, 235, 89);
            
}