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


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


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

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

li {float: right;}

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

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

.active 
{ background-color:black;}



/*MAIN SECTION*/
main { background-color:transparent;
		width:70%;
		float:left;
		color:white;}

.post {text-align:center;
       padding:70px;color:black;
       font-size:1.2em;}


h1 {margin-top:-50px;
    font-family:Elephant;}



/*SIDEBAR SECTION*/
.sidebar { background-color:#fd1b1b;
		width:30%;
		float:right;}

.sidebar h3 {text-align:center;
             color:yellow;}

.sedekah {color:white;font-size:1.1em;padding:20px}


/*FOOTER SECTION*/
.footer-kaki { background-color:red;
			clear:both;
               text-align:center;}