body {
    background-image: url("1.jpg");
    background-repeat:repeat;
    background-attachment: fixed;
    height: 100%;
    width: 100%;
}

#ubb{
position: absolute;
margin-left: -15px;
margin-top: -10px;	

}
#ubb2{
margin-left: 0px;
margin-top: 0px;	
height:0px;
width: 50px;
background-color: #006df0;
}
.blue{
	margin-top:80px;
	background-color:#006df0;
   

}
.blue2{
margin-top:10px;
margin-bottom:10px;
		background-color:#343a40;

}

.blue3{
margin-top:-5px;

		background-color:#343a40;
		}
.blue1{
	
	background-color:#006df0;
   

}
.blue5{
	
	background-color:white;
   

}

.blue6{
	
	margin-top: 10px;
	background-color:#343a40;
   

}

 .coba {
width:100%;
height:500px;
background-color:#006df0;
color:#006df0;
margin-left:0px;
margin-top:0px;
padding-left:0px;
padding-top:15px;
opacity: 0.6;
    position: absolute;
}


 .coba1 {

background-color:#006df0;
color:#006df0;
width:100%;
margin-left:0px;
margin-top:0px;
padding-left:0px;
padding-top:15px;
position: absolute;

}
.coba2 {

background-color:none;
color:#006df0;
margin-left:0px;
margin-top:-1000px;
padding-left:0px;
padding-top:15px;
position: absolute;


}

.coba3 {
	
	margin-top:0px;
	background-color:#343a40;
   margin-left:0px;
   padding-left:0px;
padding-top:10px;
}


.post1 a:link, a:visited {
    color: white;
    text-decoration: none;
    display: inline-block;
}	
.post1 a:hover, a:active {
	color:#ccc4aa;
}
.post1{

padding-top: 5px;
padding-bottom:5px;
margin-top:10px;
color:white;

}

.p1{
padding: 12px 12px 12px 12px;
margin-left: 0px;	
height:200px;
width: 200px;
background-color: #343a40;
margin-top:10px;


}

.t1{
	color:white;
	padding:10px 10px 10px 10px;
	width:335px;
	background-color: #343a40;
	margin-top:10px;
	margin-right:10px;
	

}

.p2{
padding: 12px 12px 12px 12px;
height:200px;
width: 200px;
background-color: #343a40;
margin-left:0px;
margin-top:10px;
}

.t2 {
	
	color:white;
	padding:10px 10px 10px 10px;
	margin-top:10px;
	width:335px;
	background-color: #343a40;

}


.p3{
padding: 12px 12px 12px 12px;
height:200px;
width: 200px;
background-color: #343a40;
margin-left:0px;
margin-top:10px;
}

.t3 {
	
	color:white;
	padding:10px 10px 10px 10px;
	width:335px;
	background-color: #343a40;
	margin-top:10px;
	margin-right:10px;

}

.p4{
padding: 12px 12px 12px 12px;
height:200px;
width: 200px;
background-color: #343a40;
margin-left:0px;
margin-top:10px;
margin-bottom: :10px;
}

.t4 {
	
	color:white;
	padding:10px 10px 10px 10px;
	width:335px;
	background-color: #343a40;
	margin-top:10px;
	margin-bottom: :10px;
}

.gamma-loading {
	background-image: blue;
}

.s1 {
	width:630px;
	padding:30px 30px 30px 30px;
	background-color: #343a40;
}

.x{
	margin-top:10px;
	background-color:#006df0;

}

#contoh1 {
    width: 600px;
    margin: 0 auto;
}
#contoh1 img {
    
    border: none;
    /*Transition*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
#contoh1 img:hover { 
   /*Glow*/
  -webkit-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  -moz-box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
  box-shadow: 0px 0px 20px rgba(255,255,255,0.8);
}

.video{ 
width:100%;
height:350px;
background-color:#006df0;
color:#006df0;
margin-left:0px;
margin-top:0px;
padding:20px 20px 20px 20px;
opacity: 0.6;
    position: absolute;

	}

	.p11{
padding: 12px 12px 12px 12px;
margin-left: 0px;	
height:200px;
width: 200px;
background-color: #343a40;
margin-top:10px;


}

.t11{
	color:white;
	padding:10px 10px 10px 10px;
	width:335px;
	background-color: #343a40;
	margin-top:10px;
	margin-right:10px;
	

}
}
.row1{
margin-top:0px;
margin-bottom:10px;
		

}