body{
margin:0;
}

#body{
width:100%;
height:100%;
position:absolute;
}

#header{
position:absolute;
width:50%;
margin-left:25%;
margin-right:25%;
height:70px;
}

#title{
margin:0;
font-size:50px;
font-family:Lucida Sans Unicode;
margin-top:2%;
color:skyblue;
}

#loob{
width:100%;
height:95%;
margin-top:70px;
position:absolute;
}

li{
width:500px;
height:300px;
background-color:#eaeaea;
margin-top: 5%;
position:relative;
display:inline;
float:left;
margin-left:5%;
margin-right:5%;
transition:1s;
border-radius:15px;
overflow:hidden;
border:10px solid skyblue;
font-family:Lucida Sans Unicode;
}

li:hover{
border:10px solid #eaeaea;
background-color:#7e8aff;
}

li img{
width:100%;
}

#img{
width:80%;
height:182px;
position:absolute;
margin-left:10%;
margin-right:10%;
overflow:hidden;
}

#des{
width:100%;
height:80px;
position:absolute;
margin-top:183px;
}

#des p{
color:skyblue;
font-size:20px;
margin:0;
}

ul{
background-color:white;
align:center;
}

#laman{
background-color:white;
width:100%;
height:50%;
}

h1{
margin:0;
color:skyblue;
}