@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;}

.para {text-align:left;}
 
h2 {font-family:Elephant;
margin-top:-20px;}



/*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;}