body { 
        background-image: url("back01.png");
         
    
}
#halaman {
  padding-top: 120px; 
  width:850px; 
  margin:0 
  auto; 
}
#logo{
  height: 100px;
  width: 100px;
  text-align: center;
  width:980px; 
  margin:0 
  auto;
}
#header { 
  height:100px; 
  padding:10px;
  
}
#kiri { 
  height:100px; 
  padding:10px;
  background-color:#33DDFF ;
  float:left;width:250px; 
  margin-top:10px; 
  transition: transform .2s;
}
#kanan { 
  height:100px; 
  padding:10px;
  background-color:#FF6347   ;
  float:right;width:260px; 
  margin-top:10px;
}
#tengah { 
  height:100px; 
  padding:10px;
  background-color:#00B3B3;
  width: 250px;
  margin:10px 290px 0 290px; }

#kiri2 {
  height:100px;
  padding:10px;
  background-color:#33DAAA;
  float:left;width:250px;
  margin-top:10px;
  transition: transform .2s;
}




#footer {
  padding-top: 300px; 
  clear:both; 
  height:50px;
  padding:10px;  
  margin-top:10px;
}

#kiri:hover{
  background-color:#cccccc;
  -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;  
    transition: all .2s ease;
    transform: scale(1.1); 
 }

#kiri2:hover{
  background-color:#cccccc;
  -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    transform: scale(1.1);
 }

#kanan:hover{
  background-color:#CCCCCC;
  -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;  
    transition: all .2s ease;
    transform: scale(1.1);   
}
#tengah:hover{
  background-color:#CCCCCC;
  -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;  
    transition: all .2s ease;
    transform: scale(1.1);   
}