@charset "utf-8";
/* CSS Document */



/*WHOLE PAGE*/
.page { background-color:#04264F;
		width:80%;
		margin:auto;
		padding:0px}





/*HEADER SECTION*/
.logo {
position: relative;
width:1000;}
				
/* selected link */
.button
body {margin:auto;}

ul {
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
    background-color:black;
    position:fixed;
    top:0;
  width:1067px;
}

li {
    float:left;
    
}

li a {
    display:block;
    color:white;
    text-align:center;
    padding:14px 16px;
    text-decoration:none;
}

li a:hover:not(.active) {
	color:black;
    background-color:#F8EB1E;
}

.active {
    background-color:#106EC6;
}







/*MAIN SECTION*/
main { background-color:transparent;
		width:70%;
		float:left;
		color:white;
		font-family:Californian FB;
		line-height:1.4;}

.post {text-align:justify;
	padding: 70px;}

.post h1 {text-align:center;
		margin-top:-70px;}
		}

.post-image{text-align:justify;
		padding:70px;
		}




/*SIDEBAR SECTION*/
.sidebar { background-color:#0E4F9E;
			width:30%;
			float:right;
		font-family:Californian FB;
		font-size:8;
		line-height:1.4;}

.about{text-align:justify;
	color: white;
	padding: 10px;}




/*FOOTER SECTION*/
.footer-kaki { background-color:#FF6633;
				clear:both;}