body {
                background-image: url('https://brackishwater.neocities.org/graphics/stolb2.png'); 
                margin: 8px;
                color: #eeeeee;
                font-family: Times New Roman; 
                font-size: 11pt; 
            }
 
            .small {font-size: 9pt;}
 
            h3 {color: #566549}
 
            h2 {
                font-size: 13.5pt; 
                font-weight: bold; 
                color: #566549;
                margin-top: 20px
            }
 
            h1 {
                font-family: "times new roman";
                font-size: 24pt; 
                font-weight: bold; 
                color: #566549;
                text-align: center;
            }
 
 
            a:link {color: #566549;}
            a:visited {color: #FFFFFF;}
            a:active {color: #FFFFFF;}
            a:hover {color: #FFFFFF;}
 
            ul {list-style-type: circle;}
 
            blockquote {
                margin-left: 2px;
                padding-left: 15px;
                border-left: 2px solid #34412C;
            }
            
            
 
            .container {
                width: 800px;
                margin: 30px auto 30px auto;
                display: flex;
                flex-direction: column;
                justify-content: center;
                border: 2px solid #34412C;
            }
 
           
            .head {
                width: 100%;
                height: 50px;
                color: #9999FF;
                background-image: url('https://brackishwater.neocities.org/graphics/banner1.png');
                border-bottom: solid 0.5px #34412C;
                text-align: right;
                font-family: "Times New Roman";
                font-weight: 700;
                font-style: normal;
            }
            .header {
                display: flex;
                height: 100%;
           
            }
            .headarea a:hover {text-shadow: 0 0 3px #eee}
 
            
            .navi {
				background-color: black;
                width: 100%;
                height: 40px;
                border-bottom: solid 0.5px #34412C;
            }
            .navi ul {
                display: flex;
                height: 100%;
                justify-content: space-between;
                list-style-type: none;
                margin: 0;
                padding: 0;
            }
 
            .navi li {
                padding: 10px;
                display: block;
                align-content: center;
                width: 100px;
                overflow-x:hidden;
            }
 
            
 
           
 
            .navi a {
                display: inline-block;
                text-decoration: none;
                background: transparent;
                text-align: center;
                margin-bottom: 4px;
                padding-bottom: 4px;
                padding-top: 4px;
                line-height: 10px;
                letter-spacing: 1px;
                color: #566549;
                width: inherit;
               
            }
 
			.navi a:hover {
			color: #FFFFFF;
			}
            
 
            
            .body {
				background-color: black;
                padding: 10px;
            }