*{
	margin: 0;
	padding: 0;
}
body{
	background-image: url( "https://linkpokerhokibet88.site/assets/img/bg-landing.webp");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;

}
.img:hover{
    color: #fff;
	background-color: #0ee80b;
}
h1{
	margin: 0;
	padding: 15px;
	text-align: center;
	color: #74a4ba;
	font-family: sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-size: 25px;
	-webkit-text-fill-color: #07080899;
	-webkit-text-stroke-width: 1px;
}
h2{
	font-size: 15px;
	background: -webkit-linear-gradient(#ba8802, #fee8ae, #ba8802, #fee8ae, #ba8802,#ba8802, #fee8ae, #ba8802, #fee8ae, #ba8802);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.btn{
	font-weight: 800;
	font-size: 50px;
	border: 0px solid #fffffff;
	width: 300px;
	height: 100px;
	border-radius: 20px;
	color: #000000;
	background: -webkit-linear-gradient(#5a450b, #ba8802, #fff7e1, #ba8802, #d4b667, #fee8ae, #fee8ae, #ba8802, #826415, #ba8802, #fee8ae, #ba8802);
	padding: 0px 10px;
	margin: 15px;
}
.btn:hover{
	color: #fff;
	box-shadow: 0 0 6px 3px #ffffff;
	border-radius: 20px;
	background:-moz-linear-gradient(top, #000 0%, #26c1ef 100%);

	background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 100%, #b29448 100%);

	background:-o-linear-gradient(top, rgba(0, 0, 0, 0.8) 100%, #ffd700 100%);

	background:-ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 100%, #ffd700 100%);

	background: linear-gradient(to bottom, rgba(99, 221, 241, 0.18) 100%, #13789e 100%);
	padding: 0px 10px;
}
.table{
	border:0px solid #7F7037;
	width: 800px;
	margin: auto;
	box-shadow: 0 0 6px 3px #7ab1c6;
	border-radius: 20px;
	background:-moz-linear-gradient(top, #000 0%, #26c1ef 100%);
	background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 100%, #b29448 100%);
	background:-o-linear-gradient(top, rgba(0, 0, 0, 0.8) 100%, #ffd700 100%);
	background:-ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 100%, #ffd700 100%);
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 100%, #ffd700 100%);
	padding:0px 10px;
}
.daftar{
	text-align: center;
	padding: 20px;

}
p{
	color: #a0d3ea;
	font-size: 10px;
}
b{
	background: -webkit-linear-gradient(#ba8802, #fee8ae, #ba8802, #fee8ae, #ba8802);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
footer{
	color: #a0d3ea;
	font-size: 10px;
}

.jp {
    font-size: 50px;
    background: -webkit-linear-gradient(#ba8802, #fee8ae, #ba8802, #fee8ae, #ba8802,#ba8802, #fee8ae, #ba8802, #fee8ae, #ba8802);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffeb3b;
    padding: 4px;
}
h{
	background: -webkit-linear-gradient(#ba8802, #fee8ae, #ba8802, #fee8ae, #ba8802);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    font-size: 40px;
    padding: 4px;
}
t{
    background: -webkit-linear-gradient(#ba8802, #fee8ae, #ba8802, #fee8ae, #ba8802);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    font-size: 25px;
    font-weight: 800;
    padding: 4px;
}

#bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(9, 20, 26, 0.637);
    z-index: -1;
    width: 100%;
    display: flex;
    justify-content: center; /* Horizontally center */
    align-items: flex-start; /* Align to the top */
    padding-top: 20px;
}