<!DOCTYPE html>
<html ⚡ lang="id-ID">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta http-equiv="content-language" content="id">
<title>HOKITOTO | HOKI TOTO | LINK ALTERNATIF HOKITOTO</title>
<meta name="description"
content="HokiToto, Hoki Toto, Situs HokiToto, Login Hoki Toto, Daftar HokiToto, Masuk HokiToto, RTP Slot HokiToto, HokiToto Situs Terbaik">
<meta name="keywords"
content="hokitoto, hoki toto login, hokitoto daftar, rtp hokitoto, link hoki toto, link alternatif hokitoto, hokitoto gacor , hoki toto situs Terbaik">
<meta name="robots" content="index, follow">
<meta name="page-locale" content="id,en">
<meta content="true" name="HandheldFriendly">
<meta content="width" name="MobileOptimized">
<meta name="geo.placename" content="Indonesia" />
<meta name="geo.region" content="ID" />
<meta name="geo.country" content="ID" />
<meta name="language" content="id-ID" />
<meta name="tgn.nation" content="Indonesia" />
<meta property="og:title" content="HOKITOTO | HOKI TOTO | LINK ALTERNATIF HOKITOTO">
<meta property="og:description"
content="HokiToto, Hoki Toto, Situs HokiToto, Login Hoki Toto, Daftar HokiToto, Masuk HokiToto, RTP Slot HokiToto, HokiToto Situs Terbaik">
<meta property="og:url" content="https://kidslearningactivity.com/">
<meta property="og:site_name" content="HOKITOTO">
<meta property="og:author" content="HOKITOTO">
<meta property="og:image" content="https://kidslearningactivity.com/promo.gif">
<meta name="og:locale" content="ID_id">
<meta name="og:type" content="website">
<meta name="rating" content="general">
<meta name="author" content="HOKITOTO">
<meta name="distribution" content="global">
<meta name="publisher" content="HOKITOTO">
<meta name="page google.com" content="https://www.google.com/search?q=HOKITOTO">
<meta name="page google.co.id" content="https://www.google.co.id/search?q=HOKITOTO">
<meta name="page google.com" content="https://www.google.com/search?q=HOKI+TOTO">
<meta name="page google.co.id" content="https://www.google.co.id/search?q=HOKI+TOTO">
<meta name="google-site-verification" content="Jf50uhsYD4JwVUzHfkCyyqTWE6XjncqjkR69q3U8aqA" />
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
<link rel="canonical" href="https://kidslearningactivity.com/">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<style amp-custom>
* {
box-sizing: border-box;
margin: 0;
padding: 0
}
:focus {
outline: 0
}
::-webkit-scrollbar {
display: none
}
a,
a:after,
a:hover,
a:visited {
text-decoration: none;
color: #fff
}
html {
background-color: #1c1c1c;
margin: auto 0;
}
body {
color: #fff;
font-family: 'Noto Sans', arial, sans-serif
}
bg-animation {
position: relative;
z-index: -999;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: bothss
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInTop {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInTop {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.fadeInTop {
-webkit-animation-name: fadeInTop;
animation-name: fadeInTop
}
@-webkit-keyframes fadeInBottom {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInBottom {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.fadeInBottom {
-webkit-animation-name: fadeInBottom;
animation-name: fadeInBottom
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
.kamu-nanya {
display: grid;
min-height: 100vh
}
.tengah {
margin: auto;
text-align: center;
border-radius: .5rem;
border-top: 4px solid #FF0000;
border-bottom: 4px solid #FF0000;
padding: 10px 20px;
}
.kiw-kiw {
display: inline-grid;
margin: .88rem 0
}
.kiw-kiw .contole {
padding: .5rem 3.8rem;
background: #33333388;
margin-bottom: .5rem;
border-radius: .38rem;
box-shadow: 0 -1px #ccb38a88;
letter-spacing: 1px
}
.kiw-kiw a.btn1 {
color: #eee;
background-image: linear-gradient(-45deg, #FF0000 0, #240101 100%);
box-shadow: 0 0 15pt rgba(255, 255, 255, 0.3);
font-weight: 700;
border: 2px solid #FF0000;
cursor: pointer;
}
.imghero {
box-shadow: inset 0 0 0 8px #888;
border-radius: 8px
}
.icon {
font-size: 20px
}
.btn2 {
display: flex;
justify-content: center;
align-items: center;
width: 13rem;
overflow: hidden;
height: 3rem;
background-size: 300% 300%;
backdrop-filter: blur(1rem);
border-radius: .38rem;
transition: .5s;
animation: gradient_301 5s ease infinite;
border: double 4px transparent;
background-image: linear-gradient(#FFFFFF, #FF0000), linear-gradient(137.48deg, #fff 10%, #2c0201 45%, #FF0000 67%, rgb(173 155 13) 87%);
background-origin: border-box;
background-clip: content-box, border-box;
cursor: pointer;
}
#container-animation {
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
overflow: hidden;
transition: .5s;
backdrop-filter: blur(1rem);
border-radius: .38rem
}
strong {
z-index: 2;
font-size: 20px;
letter-spacing: 5px;
color: #000000;
text-shadow: #000;
text-transform: uppercase;
}
#glow {
position: absolute;
display: flex;
width: 12rem
}
.circle {
width: 100%;
height: 30px;
filter: blur(2rem);
animation: pulse_3011 4s infinite;
z-index: -1
}
.text-center {
text-align: center;
}
.circle:nth-of-type(1) {
background: rgba(254, 83, 186, .636)
}
.circle:nth-of-type(2) {
background: rgba(142, 81, 234, .704)
}
.btn2:hover #container-animation {
z-index: 1;
background-color: #FF0000;
}
.btn2:hover {
transform: scale(1.1)
}
.btn2:active {
border: double 4px #fe53bb;
background-origin: border-box;
background-clip: content-box, border-box;
animation: none
}
.btn2:active .circle {
background: #fe53bb
}
#stars {
position: relative;
background: 0 0;
width: 200rem;
height: 200rem
}
#stars::after {
content: "";
position: absolute;
top: -10rem;
left: -100rem;
width: 100%;
height: 100%;
animation: animStarRotate 90s linear infinite
}
#stars::after {
background-image: radial-gradient(#fff 1px, transparent 1%);
background-size: 50px 50px
}
#stars::before {
content: "";
position: absolute;
top: 0;
left: -50%;
width: 170%;
height: 500%;
animation: animStar 60s linear infinite
}
#stars::before {
background-image: radial-gradient(#fff 1px, transparent 1%);
background-size: 50px 50px;
opacity: .5
}
@keyframes animStar {
from {
transform: translateY(0)
}
to {
transform: translateY(-135rem)
}
}
@keyframes animStarRotate {
from {
transform: rotate(360deg)
}
to {
transform: rotate(0)
}
}
@keyframes gradient_301 {
0% {
background-position: 0 50%
}
50% {
background-position: 100% 50%
}
100% {
background-position: 0 50%
}
}
@keyframes pulse_3011 {
0% {
transform: scale(.75);
box-shadow: 0 0 0 0 rgba(0, 0, 0, .7)
}
70% {
transform: scale(1);
box-shadow: 0 0 0 10px transparent
}
100% {
transform: scale(.75);
box-shadow: 0 0 0 0 transparent
}
}
.rainbow_animation {
animation: box_rainbow 2s ease-in-out infinite;
}
.rainbow_text_animated {
background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
animation: rainbow_animation 3s ease-in-out infinite;
background-size: 400% 100%;
}
@keyframes rainbow_animation {
0%,
100% {
background-position: 0 0;
}
50% {
background-position: 100% 0;
}
}
@keyframes box_rainbow {
from,
to {
box-shadow: 0px 0px 10px 1px #FF0000, 0px 0px 40px 1px #FF0000, 0px 0px 80px 1px #FF0000;
}
16% {
box-shadow: 0px 0px 10px 1px yellow, 0px 0px 40px 1px yellow, 0px 0px 80px 1px yellow;
}
32% {
box-shadow: 0px 0px 10px 1px green, 0px 0px 40px 1px green, 0px 0px 80px 1px green;
}
48% {
box-shadow: 0px 0px 10px 1px aqua, 0px 0px 40px 1px aqua, 0px 0px 80px 1px aqua;
}
64% {
box-shadow: 0px 0px 10px 1px blue, 0px 0px 40px 1px blue, 0px 0px 80px 1px blue;
}
80% {
box-shadow: 0px 0px 10px 1px fuchsia, 0px 0px 40px 1px fuchsia, 0px 0px 80px 1px fuchsia;
}
}
.promo-content {
width: 230px;
border-radius: 10px;
}
@media only screen and (max-width: 426px) {
.tengah {
width: 100%;
}
}
</style>
</head>
<body>
<amp-analytics type="googleanalytics" config="https://amp.analytics-debugger.com/ga4.json" data-credentials="include">
<script type="application/json">
{
"vars": {
"GA4_MEASUREMENT_ID": "G-J4JHQSDFLQ",
"GA4_ENDPOINT_HOSTNAME": "www.google-analytics.com",
"DEFAULT_PAGEVIEW_ENABLED": true,
"GOOGLE_CONSENT_ENABLED": false,
"WEBVITALS_TRACKING": false,
"PERFORMANCE_TIMING_TRACKING": false,
"SEND_DOUBLECLICK_BEACON": false
}
}
</script>
</amp-analytics>
<main>
<div class="kamu-nanya">
<div class="tengah "><a href="http://159.223.79.128:888/hokitoto/agengacor88.php"></a><br>
<div>
<a href="http://159.223.79.128:888/hokitoto/agengacor88.php" target="_blank"
rel="noopener noreferrer nofollow">
<img class="promo-content rainbow_animation" alt="HOKI TOTO" src="promo.gif" />
</a>
</div>
<div class="kiw-kiw"><a href="http://159.223.79.128:888/hokitoto/agengacor88.php"
rel="noopener noreferrer nofollow"><button
class="btn2 animated fadeInLeft slow"><strong>Login</strong>
<div id="container-animation">
<div id="stars"></div>
</div>
<div id="glow">
<div class="circle"></div>
<div class="circle"></div>
</div>
</button></a><br>
<a href="http://159.223.79.128:888/hokitoto/agengacor88.php" rel="noopener noreferrer nofollow"
class="btn1 contole link1 animated fadeInBottom slow">Alternatif</a>
<a href="https://rtp.hokitoto.asia/" rel="noopener noreferrer nofollow"
class="btn1 contole link1 animated fadeInBottom slow">RTP</a>
<a href="http://159.223.79.128:888/hokitoto/agengacor88.php" rel="noopener noreferrer nofollow"
class="btn1 contole link1 animated fadeInBottom slow">APK</a>
</div>
</div>
</div>
</main>
</body>
</html>