/*Linear Gradien – Atas ke bawah*/
#gradien1{
	background-image: linear-gradient(#72a4d2, #4ea984);
}
/*Linear Gradien – Kiri ke Kanan*/
#gradien2{
	background-image: linear-gradient(to right, #4682B4, #00FFFF, #00FA9A);
}
/*Linear Gradient – Diagonal*/
#gradient3 {
  background-image: linear-gradient(to bottom right, #FF0000, #FFC0CB);
}

/*Linear Gradient – Angles*/
#gradient4 {
  background-image: linear-gradient(-90deg, red, yellow);
}
/*Linear Gradient – Multiple Color*/
#gradient5 {
  background-image: linear-gradient(red, #FF1493, rgba(255,192,203));
}
/*Linear Gradient – Multiple Color Kiri ke Kanan*/
#gradient6 {
  background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
}
/*Linear Gradient – Transparan*/
#gradient7 {
  background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));
}
/*Linear Gradient – Repeat/Mengulang Warna*/
#gradient8 {
  background-image: repeating-linear-gradient(#00FA9A, #FFFF00 10%, #FF4500 20%);
}
/*Gradient – Radial*/
#gradient9 {
  background-image: radial-gradient(red, orange, yellow);
}
/*Gradient Radial – Ketebalan Warna*/
#gradient10 {
  background-image: radial-gradient(red 5%, yellow 15%, green 60%);
}

#bgimage{
  background-image: url('../../foto/bg/background.jpg');
  background-repeat: no-repeat;
  position: fixed;
  width: 100%;
  height: 100%;
  background-size: 100%;
}