/* CSS Document */


/* background section*/

html { 
  background: url("gambar1/backgroundpic.png") ; 
  
}


.page {background-color:#00EAD8 ; 
       width: 80%;
	   margin: auto;
	   padding: 10px; }

/* header section*/

.header-main {background-color:none ; }

.nav ul {
  list-style: none;
  background-color: #FE8C82;
  text-align: center;
  padding: 0;
margin: 0;}

.nav-main li {
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size: 1.2em;
  line-height: 40px;
  height: 40px;
  border-bottom: 1px solid #888;}
  
.nav a {
  text-decoration: none;
  color: #fff;
  display: block;
  transition: .3s background-color;
}

.nav a:hover {
  background-color: #005f5f;
}
 
.nav a.active {
  background-color: #fff;
  color: #444;
  cursor: default;
}

@media screen and (min-width: 600px) {
  .nav li {
    width: 150px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
  }
 
  
  .nav li {
    display: inline-block;
    margin-right; -4px;
  }
 



/* main section*/
main { background-color: #C9FCD3 ; 
      width: 70% ; 
	  float:left;
	  padding: 10px;}

h1 {
    color:  #2E9D89;
}

h2 {
    color:  #988FC9;
}

/*sidebar section*/
.sidebar { background-color:#F5D0E1; 
           width: 25% ; 
		   float:right; 
		   padding: 10px;}


/* footer section*/
.main-footer { background-color:#47BBA8 ;
              clear:both; 
			  padding: 10px;}