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

/* WHOLE PAGE */
.page{background-image:url(image/black.png);
   width:80%;
 
   margin:auto;
   padding:10px;}


/* HEADER */
.logo { margin:auto;
           padding:10px;
		   ;
		  }
	  

	 	  

/* MAIN */
main {background-image:url(image/white.jpg);
        width:55%;
		float:left;
		margin-bottom:100px;
		border-style: outset;
		border-radius: 8px;}
		
h1 {text-decoration: underline;
     font-style: oblique;}
	 
/* home dalam main */
.hijau {border-radius: 4px;}
	 		
        
/* history dalam main */		
.gambar { width: 50%; height: 50%;
          align-items: center;
 margin-right: 3%; padding:10px; border-radius: 50%; }
 
 
 .sejarah { text-align: left;  padding-top:10px;   }
 
 /* organization dalam main */
.saya {border: 2px solid;}

/* activity dalam main */
.tema {width:80%; height:50%; }

.jdt { border: 2px solid;}
	

/* SIDEBAR */
.sidebar { background-image:url(image/white.jpg) ;
         width:40%;;
		 float:right;
		 margin-bottom:50px;
		 border-radius: 8px;}

.about {border-style: dotted; background-color:     #666666; 
color: #FFFFFF}		 
		 
.johnny { width:80%; height:40%;}
		  



		 

/* FOOTER */
.footer-yolo {background-image:url(image/white.jpg) ; border-radius: 8px;
               clear:both;}