<?xml version='1.0' encoding='UTF-8'?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearchrss/1.0/" xmlns:blogger="http://schemas.google.com/blogger/2008" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" version="2.0"><channel><atom:id>tag:blogger.com,1999:blog-2804462402632180792</atom:id><lastBuildDate>Thu, 07 Nov 2024 23:10:45 +0000</lastBuildDate><category>bagaimana</category><category>css</category><category>animasi</category><category>gambar</category><category>video</category><category>haiwan</category><category>dr kameraku</category><category>cakap2</category><category>Rekod</category><category>syot kilat</category><category>Kehidupan</category><category>JS</category><category>bloger</category><category>AS</category><category>Kesihatan</category><category>pemandangan</category><category>China</category><category>kereta</category><category>Muar</category><category>berita</category><category>corak</category><category>Polis</category><category>Seni</category><category>bentuk</category><category>politik</category><category>sains</category><category>grafik</category><category>lucu dan tak lucu</category><category>apa-apa saja</category><category>teknologi</category><category>luar biasa</category><category>Malaysia</category><category>Kanak-kanak</category><category>UK</category><category>myobox</category><category>Ngeri</category><category>Makanan</category><category>tak senonoh</category><category>Mahkamah</category><category>Selebriti</category><category>corak latar belakang</category><category>gambaran</category><category>lagu</category><category>covid-19</category><category>India</category><category>Indonesia</category><category>Misteri</category><category>Penemuan</category><category>Sambutan</category><category>bahasa</category><category>Alam semesta</category><category>Internet</category><category>harga</category><category>anjing</category><category>18SX</category><category>Duit</category><category>Gunung</category><category>Kemalangan</category><category>Pokok</category><category>foto</category><category>Hari Raya</category><category>Kejadian</category><category>besar</category><category>wanita</category><category>Afrika</category><category>Kebolehan</category><category>Sukan</category><category>pencemaran</category><category>warna</category><category>Antik</category><category>kecil</category><category>perkahwinan</category><category>Jepun</category><category>Kucing</category><category>astronomi</category><category>cerita</category><category>ikan</category><category>ilusi</category><category>lukisan</category><category>10Gambar</category><category>Australia</category><category>Bayi</category><category>Bencana</category><category>Jutawan</category><category>Kisah</category><category>Telefon bimbit</category><category>Tentera</category><category>bogel</category><category>jam</category><category>permainan</category><category>reptilia</category><category>ular</category><category>Arab Saudi</category><category>Islam</category><category>Konflik</category><category>Minyak</category><category>Pembedahan</category><category>Rusia</category><category>abstrak</category><category>bunga</category><category>burung</category><category>imaginasi</category><category>jalanraya</category><category>jurufoto</category><category>kerja</category><category>marquee</category><category>menyamar</category><category>mudah alih</category><category>penyakit</category><category>perumpamaan</category><category>pilihanraya</category><category>remaja</category><category>serangga</category><category>snapshot</category><category>timur tengah</category><category>wabak</category><category>1 Syawal</category><category>Ganjil</category><category>Jenayah</category><category>Keajaiban</category><category>Persekitaran</category><category>babi</category><category>bahaya</category><category>basikal</category><category>bola</category><category>bulan</category><category>bumi</category><category>bunga api</category><category>fesyen</category><category>isu</category><category>kuda</category><category>kupu-kupu</category><category>mata</category><category>orang terbang</category><category>pantai</category><category>politikus</category><category>rumah</category><category>semak-samun</category><category>Brazil</category><category>Dadah</category><category>Kanada</category><category>Teka-teki</category><category>Thailand</category><category>aksi lasak</category><category>beruang</category><category>binaan</category><category>buaya</category><category>bunuh</category><category>doktor</category><category>haiwan misteri</category><category>haiwan prasejarah</category><category>ibu</category><category>jerebu</category><category>kad raya</category><category>katak</category><category>kecantikan</category><category>landskap</category><category>mayat</category><category>memandu</category><category>menjelang pilihan raya</category><category>motosikal</category><category>muhyiddin yasin</category><category>pantun</category><category>payudara</category><category>pelajar</category><category>pepatung</category><category>petang</category><category>photoshop</category><category>pkp</category><category>planet</category><category>rusuhan</category><category>telur</category><category>tetek</category><category>wargatua</category><category>Bolivia</category><category>Destinasi pelancongan</category><category>Iceland</category><category>Jerman</category><category>Nepal</category><category>Pakistan</category><category>Proton</category><category>Sepanyol</category><category>Singapura</category><category>aneh</category><category>angkasa lepas</category><category>anwar</category><category>aplikasi</category><category>awan</category><category>cantik</category><category>daun</category><category>ekonomi</category><category>facebook</category><category>gambar suntingan digital</category><category>game</category><category>gerhana</category><category>gorila</category><category>hong kong</category><category>hospital</category><category>hubungan seks</category><category>ikan paus</category><category>jurang</category><category>kacukan</category><category>kambing</category><category>kamera</category><category>kapal</category><category>kasut</category><category>kelahiran</category><category>komputer</category><category>kopi</category><category>kotak</category><category>letupan</category><category>media sosial</category><category>mewah</category><category>monyet</category><category>nama</category><category>olimpik</category><category>orang asli</category><category>pancing</category><category>pandemik</category><category>panjang</category><category>patung</category><category>pembohongan</category><category>penderaan</category><category>penipuan</category><category>pesawat</category><category>pru13</category><category>pru15</category><category>rama-rama</category><category>robot</category><category>rogol</category><category>segi empat</category><category>sungai</category><category>tahun baru</category><category>tandas</category><category>tinggi</category><category>tumpahan minyak</category><category>zakar</category><category>Afghanistan</category><category>Dubai</category><category>ISP</category><category>Itali</category><category>Kediaman</category><category>Kejayaan</category><category>LCS</category><category>Libya</category><category>New York</category><category>PM</category><category>Sweden</category><category>Syria</category><category>Taiwan</category><category>Ukraine</category><category>Vietnam</category><category>Yaman</category><category>amaran</category><category>arca</category><category>arkeologi</category><category>banglo</category><category>bangunan</category><category>banjir</category><category>bercinta</category><category>bersih</category><category>bn</category><category>bot nelayan</category><category>bulat</category><category>cepat</category><category>ceramah</category><category>corona</category><category>curi</category><category>diari</category><category>fosil</category><category>fotografi</category><category>gangguan seksual</category><category>gaza</category><category>gigi</category><category>gitar</category><category>gubahan</category><category>guru</category><category>halimunan</category><category>hampir pupus</category><category>harimau</category><category>helang</category><category>iklan</category><category>instagram</category><category>jam tangan</category><category>jambatan</category><category>james bond</category><category>jantung</category><category>kaki</category><category>kata hikmat</category><category>kelawar</category><category>keldai</category><category>keputusan pru13</category><category>kerdil</category><category>kereta terbang</category><category>keretapi</category><category>keselamatan</category><category>ketagihan</category><category>kiub</category><category>konflik Israel-Palestin</category><category>kurang upaya</category><category>lady gaga</category><category>laga lembu</category><category>lakgambarje</category><category>laman web sosial</category><category>lamborghini</category><category>lombong arang batu</category><category>makan</category><category>masuk wad</category><category>mati</category><category>mesin</category><category>michael jackson</category><category>model</category><category>mural</category><category>omicron</category><category>pakaian</category><category>papan tanda</category><category>pelarian</category><category>pembunuhan</category><category>pendek</category><category>penduduk</category><category>pengetahuan am</category><category>penggodam</category><category>pengkebumian</category><category>penyanyi</category><category>perhiasan</category><category>peribahasa</category><category>peringatan</category><category>pesalah</category><category>pesta</category><category>petir</category><category>picasso</category><category>piramid</category><category>primat</category><category>pulau</category><category>puting beliung</category><category>ramadhan</category><category>rokok</category><category>segi tiga</category><category>seluar dalam</category><category>seludup</category><category>senaman</category><category>serangan jantung</category><category>serupa</category><category>simbol teks</category><category>simpulan bahasa</category><category>surah</category><category>tikus</category><category>tipografi</category><category>tiruan</category><category>tradisi</category><category>tsunami</category><category>udang</category><category>undang-undang</category><category>upacara</category><category>vaksin</category><category>virus</category><category>wajah</category><category>1mdb</category><category>Amazon</category><category>BNM</category><category>Bakri</category><category>Bangladesh</category><category>Belanda</category><category>Brunei</category><category>Chile</category><category>Filipina</category><category>Geometri</category><category>Hugh Jackman</category><category>Iraq</category><category>Ismail Sabri</category><category>Jordan</category><category>KL</category><category>Kemboja</category><category>Keranda</category><category>Korea Selatan</category><category>Korea Utara</category><category>Lithuania</category><category>Logo berputar</category><category>Louisiana</category><category>Madagaskar</category><category>Madonna</category><category>Melaka</category><category>Mesir</category><category>Myanmar</category><category>Nallakaruppan</category><category>Norway</category><category>Osama bin Laden</category><category>PBB</category><category>Paris</category><category>Perancis</category><category>Picasa</category><category>Prihatin</category><category>Tegar</category><category>Teluk Mexico</category><category>Terengganu</category><category>Tibet</category><category>Tunisia</category><category>Uganda</category><category>X-Men</category><category>abang adik</category><category>aerial</category><category>air mandian</category><category>air terjun</category><category>aiskrim</category><category>akibat</category><category>aktor</category><category>aktres</category><category>al quran</category><category>alam sekitar</category><category>anaconda</category><category>android</category><category>angka</category><category>antartika</category><category>anyaman</category><category>apartmen</category><category>apple</category><category>artik</category><category>artis</category><category>atlit</category><category>azmin ali</category><category>badak</category><category>bangau</category><category>bangku</category><category>banner</category><category>bas</category><category>bateri</category><category>bayar zakat</category><category>bebas</category><category>belasah</category><category>belon</category><category>bent</category><category>berat</category><category>bercukur</category><category>berlian</category><category>bersih 4.0</category><category>biawak</category><category>bintang</category><category>bintang filem</category><category>bola sepak</category><category>buah-buahan</category><category>buang bayi</category><category>budak</category><category>budak pantai</category><category>bujur</category><category>buku</category><category>buli</category><category>bunuh diri</category><category>busker</category><category>cadangan</category><category>camar</category><category>cara</category><category>cawan</category><category>cek</category><category>cheetah</category><category>coronavirus</category><category>cuaca</category><category>cuai</category><category>d&#39;lloyd</category><category>dari udara</category><category>demonstrasi</category><category>denda</category><category>dera</category><category>diet</category><category>dikehendaki</category><category>dustin poirier</category><category>emas</category><category>etika</category><category>ev</category><category>fenomena</category><category>filem</category><category>filem hindustan</category><category>fobia</category><category>gadis</category><category>gajah</category><category>galaxy s 3</category><category>galaxy s III</category><category>garisan</category><category>gasing</category><category>gegaran</category><category>gemok</category><category>gempa</category><category>gemuk</category><category>google maps</category><category>governor</category><category>gurun</category><category>haji</category><category>hamster</category><category>hari kebangsaan</category><category>hartanah</category><category>hawaii</category><category>henfon</category><category>hotel</category><category>huawei</category><category>hukuman mati</category><category>hybrid</category><category>ibu azmin</category><category>ibu muda</category><category>ibu penyayang</category><category>ikan haruan</category><category>insurans</category><category>isteri</category><category>isyarat</category><category>janet jackson</category><category>jari</category><category>jerung</category><category>jho lo</category><category>jilat</category><category>juara</category><category>juruhebah</category><category>kaabah</category><category>kajian</category><category>kanibal</category><category>kanser</category><category>kapal selam</category><category>karut</category><category>kaum mursi</category><category>kebencian</category><category>kecemasan</category><category>keganasan</category><category>kehilangan</category><category>kembar</category><category>kencing</category><category>kentut</category><category>kereta konsep</category><category>kereta tanpa tempat duduk</category><category>ketawa</category><category>khabar angin</category><category>khabib nurmagomedov</category><category>kiamat</category><category>kilang</category><category>kilang perabot</category><category>konsert</category><category>kubah terbang</category><category>kubur</category><category>kuda belang</category><category>kuda laut</category><category>labah-labah</category><category>labu labi</category><category>laju</category><category>laris</category><category>laut</category><category>lautan pantai</category><category>lebah madu</category><category>lelongan</category><category>lembu</category><category>lgbt</category><category>lim kit siang</category><category>limusin</category><category>lirik</category><category>lori</category><category>maghribi</category><category>majlis keselamatan negara</category><category>makhluk misteri</category><category>manakin</category><category>manusia</category><category>masjid</category><category>mati mengejut</category><category>matrix</category><category>mekah</category><category>melayu</category><category>memeluk islam</category><category>menang</category><category>menara berkembar petronas</category><category>menarik</category><category>mengandung</category><category>mengawan</category><category>mentol</category><category>mercu tanda</category><category>mercun</category><category>merdeka</category><category>mesin ketam</category><category>mi segera</category><category>mikroskop</category><category>mkn</category><category>mma</category><category>mongolia</category><category>muda</category><category>mulut</category><category>murid</category><category>musim tengkujuh</category><category>muzium</category><category>nenek</category><category>netizen</category><category>niagara falls</category><category>niat</category><category>nostalgia</category><category>nuffnang</category><category>oku</category><category>ombak</category><category>origami</category><category>pameran</category><category>pandu laju</category><category>panduan sembahyang</category><category>panduan solat</category><category>pantas</category><category>paparan</category><category>pasangan</category><category>payung</category><category>pegasus</category><category>pelagak ngeri</category><category>pelakon</category><category>pelik</category><category>pemanasan global</category><category>pemanduan</category><category>pembawa obor olimpik</category><category>pembedahan plastik</category><category>pembeli</category><category>pemberita</category><category>pembiakan</category><category>pencuri</category><category>pendaki</category><category>pendapat</category><category>pendapatan</category><category>pendatang</category><category>pendidikan</category><category>pengemis</category><category>penguin</category><category>pengumuman</category><category>pengundi</category><category>peninju</category><category>penjenayah</category><category>penularan</category><category>penunggu</category><category>peperangan</category><category>peragawati</category><category>perang perdagangan</category><category>perasmian</category><category>perbankan</category><category>perceraian</category><category>perhimpunan</category><category>perlawanan</category><category>personaliti</category><category>perubatan</category><category>pesanan</category><category>peta</category><category>petak</category><category>piano</category><category>pinggul</category><category>pocong</category><category>polihedron</category><category>poskad</category><category>prank</category><category>prn</category><category>protes</category><category>psikologi</category><category>puasa</category><category>puisi</category><category>puting payudara</category><category>puting tetek</category><category>rakaman</category><category>ramai</category><category>rambut</category><category>ribuan tahun</category><category>ribuan tahun dulu</category><category>ribut</category><category>rompak</category><category>salah sangka</category><category>samad said</category><category>saman</category><category>samsung</category><category>sawah padi</category><category>scammer</category><category>sedondon</category><category>sekatan</category><category>sekolah</category><category>selipar</category><category>semak</category><category>sembahyang</category><category>sempadan</category><category>semula jadi</category><category>senjata</category><category>senyum</category><category>serang</category><category>serata dunia</category><category>serbia</category><category>singa</category><category>slider</category><category>solat</category><category>spam</category><category>street view</category><category>surah yasin</category><category>syed saddiq</category><category>tahan lama</category><category>taj mahal</category><category>tali gantung</category><category>taliban</category><category>taman haiwan</category><category>tanah</category><category>tarawih</category><category>tarik balik</category><category>taun</category><category>teka kata</category><category>tekanan darah tinggi</category><category>teks</category><category>telefon pintar</category><category>telekung</category><category>terbaik</category><category>tertuduh</category><category>tindik</category><category>tinju</category><category>tipu</category><category>transeksual</category><category>transgender</category><category>treler</category><category>tropika</category><category>trump</category><category>tuduhan</category><category>tulang</category><category>udang galah</category><category>ufc 242</category><category>ufo</category><category>umang-umang</category><category>uncle seekers</category><category>unik</category><category>unta</category><category>uyghur</category><category>vape</category><category>wartawan</category><category>wasiat</category><category>widget twitter</category><category>yasin</category><category>yatim piatu</category><category>ydpa</category><category>youtuber</category><category>zulkifli nordin</category><title>Blog OG</title><description>  PERMAINAN RINGKAS, PAUTAN, GAMBAR &amp;amp; CATATAN RINGAN-SANTAI</description><link>https://orandableg.blogspot.com/</link><managingEditor>noreply@blogger.com (Orandableg)</managingEditor><generator>Blogger</generator><openSearch:totalResults>871</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-1354255306950640569</guid><pubDate>Tue, 12 Mar 2024 16:05:00 +0000</pubDate><atom:updated>2024-03-13T07:21:12.105+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">permainan</category><title>(Permainan) X dan O</title><description>&lt;div class=&quot;labu&quot;&gt;
&lt;form class=&quot;game&quot;&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;x-0&quot;/&gt;
  &lt;svg class=&quot;x board__x&quot; style=&quot;--x: 0; --y: 0;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;o-0&quot;/&gt;
  &lt;svg class=&quot;o board__o&quot; style=&quot;--x: 0; --y: 0;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;x-1&quot;/&gt;
  &lt;svg class=&quot;x board__x&quot; style=&quot;--x: 1; --y: 0;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;o-1&quot;/&gt;
  &lt;svg class=&quot;o board__o&quot; style=&quot;--x: 1; --y: 0;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;x-2&quot;/&gt;
  &lt;svg class=&quot;x board__x&quot; style=&quot;--x: 2; --y: 0;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;o-2&quot;/&gt;
  &lt;svg class=&quot;o board__o&quot; style=&quot;--x: 2; --y: 0;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;x-3&quot;/&gt;
  &lt;svg class=&quot;x board__x&quot; style=&quot;--x: 0; --y: 1;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;o-3&quot;/&gt;
  &lt;svg class=&quot;o board__o&quot; style=&quot;--x: 0; --y: 1;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;x-4&quot;/&gt;
  &lt;svg class=&quot;x board__x&quot; style=&quot;--x: 1; --y: 1;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;o-4&quot;/&gt;
  &lt;svg class=&quot;o board__o&quot; style=&quot;--x: 1; --y: 1;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;x-5&quot;/&gt;
  &lt;svg class=&quot;x board__x&quot; style=&quot;--x: 2; --y: 1;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;o-5&quot;/&gt;
  &lt;svg class=&quot;o board__o&quot; style=&quot;--x: 2; --y: 1;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;x-6&quot;/&gt;
  &lt;svg class=&quot;x board__x&quot; style=&quot;--x: 0; --y: 2;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;o-6&quot;/&gt;
  &lt;svg class=&quot;o board__o&quot; style=&quot;--x: 0; --y: 2;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;x-7&quot;/&gt;
  &lt;svg class=&quot;x board__x&quot; style=&quot;--x: 1; --y: 2;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;o-7&quot;/&gt;
  &lt;svg class=&quot;o board__o&quot; style=&quot;--x: 1; --y: 2;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;x-8&quot;/&gt;
  &lt;svg class=&quot;x board__x&quot; style=&quot;--x: 2; --y: 2;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
    &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
  &lt;/svg&gt;
  &lt;input type=&quot;checkbox&quot; id=&quot;o-8&quot;/&gt;
  &lt;svg class=&quot;o board__o&quot; style=&quot;--x: 2; --y: 2;&quot; viewBox=&quot;0 0 100 100&quot;&gt;
    &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
  &lt;/svg&gt;
  &lt;div class=&quot;board&quot;&gt;
    &lt;svg class=&quot;board__line&quot; viewBox=&quot;0 0 10 300&quot; style=&quot;--rotate: 0; --shift: -1; --delay: 0.75;&quot;&gt;
      &lt;path d=&quot;M 5 5 L 5 295&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;300&quot; stroke-dashoffset=&quot;300&quot;&gt;&lt;/path&gt;
    &lt;/svg&gt;
    &lt;svg class=&quot;board__line&quot; viewBox=&quot;0 0 10 300&quot; style=&quot;--rotate: 1; --shift: -1; --delay: 0.5;&quot;&gt;
      &lt;path d=&quot;M 5 5 L 5 295&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;300&quot; stroke-dashoffset=&quot;300&quot;&gt;&lt;/path&gt;
    &lt;/svg&gt;
    &lt;svg class=&quot;board__line&quot; viewBox=&quot;0 0 10 300&quot; style=&quot;--rotate: 0; --shift: 1; --delay: 1;&quot;&gt;
      &lt;path d=&quot;M 5 5 L 5 295&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;300&quot; stroke-dashoffset=&quot;300&quot;&gt;&lt;/path&gt;
    &lt;/svg&gt;
    &lt;svg class=&quot;board__line&quot; viewBox=&quot;0 0 10 300&quot; style=&quot;--rotate: 1; --shift: 1; --delay: 0.25;&quot;&gt;
      &lt;path d=&quot;M 5 5 L 5 295&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;300&quot; stroke-dashoffset=&quot;300&quot;&gt;&lt;/path&gt;
    &lt;/svg&gt;
    &lt;div class=&quot;board__cell&quot;&gt;
      &lt;label for=&quot;x-0&quot;&gt;
        &lt;svg class=&quot;x ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
      &lt;label for=&quot;o-0&quot;&gt;
        &lt;svg class=&quot;o ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;board__cell&quot;&gt;
      &lt;label for=&quot;x-1&quot;&gt;
        &lt;svg class=&quot;x ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
      &lt;label for=&quot;o-1&quot;&gt;
        &lt;svg class=&quot;o ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;board__cell&quot;&gt;
      &lt;label for=&quot;x-2&quot;&gt;
        &lt;svg class=&quot;x ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
      &lt;label for=&quot;o-2&quot;&gt;
        &lt;svg class=&quot;o ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;board__cell&quot;&gt;
      &lt;label for=&quot;x-3&quot;&gt;
        &lt;svg class=&quot;x ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
      &lt;label for=&quot;o-3&quot;&gt;
        &lt;svg class=&quot;o ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;board__cell&quot;&gt;
      &lt;label for=&quot;x-4&quot;&gt;
        &lt;svg class=&quot;x ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
      &lt;label for=&quot;o-4&quot;&gt;
        &lt;svg class=&quot;o ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;board__cell&quot;&gt;
      &lt;label for=&quot;x-5&quot;&gt;
        &lt;svg class=&quot;x ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
      &lt;label for=&quot;o-5&quot;&gt;
        &lt;svg class=&quot;o ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;board__cell&quot;&gt;
      &lt;label for=&quot;x-6&quot;&gt;
        &lt;svg class=&quot;x ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
      &lt;label for=&quot;o-6&quot;&gt;
        &lt;svg class=&quot;o ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;board__cell&quot;&gt;
      &lt;label for=&quot;x-7&quot;&gt;
        &lt;svg class=&quot;x ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
      &lt;label for=&quot;o-7&quot;&gt;
        &lt;svg class=&quot;o ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
    &lt;/div&gt;
    &lt;div class=&quot;board__cell&quot;&gt;
      &lt;label for=&quot;x-8&quot;&gt;
        &lt;svg class=&quot;x ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
          &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
      &lt;label for=&quot;o-8&quot;&gt;
        &lt;svg class=&quot;o ghost&quot; viewBox=&quot;0 0 100 100&quot;&gt;
          &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
        &lt;/svg&gt;
      &lt;/label&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class=&quot;game__result game__result--x result&quot;&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -66.90640152249748; --travel: -99.09478210468936;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: 67.54650392196027; --travel: -76.03531922661695;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: 65.20038111553501; --travel: -58.68697800345644;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: 45.31910868888835; --travel: -44.93727857534775;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -49.81064829019926; --travel: -91.47763997544516;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -11.816745717542702; --travel: -91.80870568833117;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: 5.7174406650293434; --travel: -3.76635093744655;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -62.51438175186319; --travel: -39.7360002174653;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -88.23838411220257; --travel: -94.35954795759089;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: 89.97551788361594; --travel: -79.29569205868015;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;result__content&quot;&gt;
      &lt;div class=&quot;result__title&quot;&gt;Winner!&lt;/div&gt;
      &lt;svg class=&quot;x result__winner&quot; viewBox=&quot;0 0 100 100&quot;&gt;
        &lt;path class=&quot;cross&quot; d=&quot;M 80 20 L 20 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
        &lt;path class=&quot;cross&quot; d=&quot;M 20 20 L 80 80&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;100&quot; stroke-dashoffset=&quot;100&quot;&gt;&lt;/path&gt;
      &lt;/svg&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class=&quot;game__result game__result--o result&quot;&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -58.042164181037556; --travel: -99.0178836015561;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -70.42668064465418; --travel: -50.92466347700666;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -63.94363253678211; --travel: -52.575410984838065;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -30.226200414139022; --travel: -91.62105587775216;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -61.943544487411685; --travel: -93.8119559205358;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -17.023064641203206; --travel: -88.11820105036226;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -74.8725433390343; --travel: -73.8724384944201;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -57.9863222140296; --travel: -29.235492381363603;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: -18.656244097427788; --travel: -11.718096694534164;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;confetti&quot; style=&quot;--rotation: 42.997844099840705; --travel: -67.71873298656436;&quot;&gt;🎉&lt;/div&gt;
    &lt;div class=&quot;result__content&quot;&gt;
      &lt;div class=&quot;result__title&quot;&gt;Menang!&lt;/div&gt;
      &lt;svg class=&quot;o result__winner&quot; viewBox=&quot;0 0 100 100&quot;&gt;
        &lt;circle cx=&quot;50&quot; cy=&quot;50&quot; r=&quot;30&quot; fill=&quot;none&quot; stroke-width=&quot;10&quot; stroke-linecap=&quot;round&quot; stroke-dasharray=&quot;200&quot; stroke-dashoffset=&quot;200&quot;&gt;&lt;/circle&gt;
      &lt;/svg&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class=&quot;game__result game__result--draw result&quot;&gt;
    &lt;div class=&quot;result__content&quot;&gt;
      &lt;div class=&quot;result__title&quot;&gt;Seri...&lt;/div&gt;
      &lt;svg class=&quot;zzz result__winner&quot; viewBox=&quot;0 0 24 24&quot;&gt;
        &lt;path d=&quot;M23,12H17V10L20.39,6H17V4H23V6L19.62,10H23V12M15,16H9V14L12.39,10H9V8H15V10L11.62,14H15V16M7,20H1V18L4.39,14H1V12H7V14L3.62,18H7V20Z&quot;&gt;&lt;/path&gt;
      &lt;/svg&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;button type=&quot;reset&quot; title=&quot;Reset Board&quot;&gt;
    &lt;svg class=&quot;reset&quot; viewBox=&quot;0 0 24 24&quot;&gt;
      &lt;path d=&quot;M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z&quot;&gt;&lt;/path&gt;
    &lt;/svg&gt;
  &lt;/button&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;style&gt;
  body {
    background: linear-gradient(160deg, #000, #111, #222, #333, #666);  
  background-attachment: fixed;
  }
  #search_top.section {
      display: none;
    }
.labu * {
  box-sizing: border-box;
}
:root {
  --size: 300px;
  --piece-size: calc(var(--size) / 3);
  --line: #e6e6e6;
  --bg: linear-gradient(160deg, #000, #111, #222, #333, #666) fixed;  
  --naught: #75f0b3;
  --naught-alpha: rgba(117,240,179,0.5);
  --cross: #c775f0;
  --cross-alpha: rgba(199,117,240,0.5);
  --draw-speed: 0.15;
  --color: #333;
}
@media (min-width: 768px) {
  :root {
    --size: 50vmin;
  }
}
@media (max-height: 500px) {
  :root {
    --size: 300px;
  }
}
.labu {
  min-height: 86vh;
  display: grid;
  place-items: center;
  margin: 0;
  overflow: hidden;
  background: var(--bg);
  color: var(--color);
  font-family: &#39;Cyber&#39;, sans-serif;
  text-transform: uppercase;
}
svg {
  filter: drop-shadow(0 -0.25vmin 0.25vmin #000) drop-shadow(0 0 0.5vmin var(--alpha)) drop-shadow(0 0 1vmin var(--alpha)) drop-shadow(0 0 5vmin var(--stroke)) brightness(1.2);
  stroke: var(--stroke);
}
form,
.board {
  display: grid;
  place-items: center;
  position: relative;
}
.game__result {
  display: none;
  position: absolute;
  width: calc(var(--size) * 1.5);
  height: calc(var(--size) * 1.5);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
label,
.o,
.x {
  position: absolute;
  display: inline-block;
  height: var(--piece-size);
  width: var(--piece-size);
}
label {
  cursor: pointer;
}
label:hover .ghost {
  opacity: 0.5;
}
.ghost {
  opacity: 0;
  transition: opacity calc(var(--draw-speed) * 1s);
}
.o {
  --alpha: var(--naught-alpha);
  --stroke: var(--naught);
  transform: rotateX(180deg);
}
.x {
  --alpha: var(--cross-alpha);
  --stroke: var(--cross);
}
.x path:nth-of-type(2) {
  --delay: var(--draw-speed);
}
:checked + .x {
  display: block;
}
:checked + .o {
  display: block;
}
.board {
  height: var(--size);
  width: var(--size);
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
.board__x,
.board__o {
  display: none;
  left: calc(var(--x) * (100% / 3));
  top: calc(var(--y) * (100% / 3));
  z-index: 2;
  position: absolute;
}
.board__line {
  --stroke: var(--line);
  --alpha: rgba(230,230,230,0.5);
  width: calc(var(--size) * 0.05);
  height: var(--size);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(calc(var(--rotate) * -90deg)) translate(calc(var(--shift) * ((var(--size) / 3) * 0.5)), 0);
}
.board__cell {
  height: var(--piece-size);
  width: var(--piece-size);
}
input,
button {
  position: absolute;
}
button {
  top: 125%;
  background: transparent;
  border: 0;
  padding: 0;
  height: 5vmin;
  width: 5vmin;
  min-height: 48px;
  min-width: 48px;
  outline: transparent;
  cursor: pointer;
  display: none;
  transition: transform calc(var(--draw-speed) * 1s);
  -webkit-animation: fadeIn calc(var(--draw-speed) * 4s) calc(var(--draw-speed) * 2s) both;
          animation: fadeIn calc(var(--draw-speed) * 4s) calc(var(--draw-speed) * 2s) both;
}
button:hover {
  transform: translate(0, -4%);
}
button:active {
  transform: translate(0, 2%) scale(0.8);
}
.reset {
  height: 100%;
  fill: var(--line);
}
input {
  position: fixed;
  left: 100%;
}
.result {
  -webkit-animation: flyIn calc(var(--draw-speed) * 3s) ease-in both;
          animation: flyIn calc(var(--draw-speed) * 3s) ease-in both;
  -webkit-backdrop-filter: blur(25px);
          backdrop-filter: blur(25px);
  z-index: 10;
}
.result__content {
  height: 40%;
  width: 40%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  border-radius: 15%;
  background: rgba(36,51,66,0.8);
  color: #fff;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  font-weight: bold;
  font-size: 2rem;
  box-shadow: 0 3vmin 2.5vmin -2.5vmin #000;
}
.result__winner {
  position: static;
  height: calc(var(--size) / 3);
}
.zzz {
  --stroke: #197fe6;
  fill: var(--stroke);
}
:checked ~ .board .board__cell label:nth-of-type(odd),
:checked ~ :checked ~ :checked ~ .board .board__cell label:nth-of-type(odd),
:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ .board .board__cell label:nth-of-type(odd),
:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ .board .board__cell label:nth-of-type(odd),
:checked ~ :checked ~ .board .board__cell label:nth-of-type(even),
:checked ~ :checked ~ :checked ~ :checked ~ .board .board__cell label:nth-of-type(even),
:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ .board .board__cell label:nth-of-type(even),
:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ .board .board__cell label:nth-of-type(even) {
  display: block;
}
:checked ~ .board .board__cell label:nth-of-type(even),
:checked ~ :checked ~ :checked ~ .board .board__cell label:nth-of-type(even),
:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ .board .board__cell label:nth-of-type(even),
:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ .board .board__cell label:nth-of-type(even),
:checked ~ :checked ~ .board .board__cell label:nth-of-type(odd),
:checked ~ :checked ~ :checked ~ :checked ~ .board .board__cell label:nth-of-type(odd),
:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ .board .board__cell label:nth-of-type(odd),
:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ .board .board__cell label:nth-of-type(odd) {
  display: none;
}
#x-0:checked ~ #x-1:checked ~ #x-2:checked ~ .game__result--x,
#x-3:checked ~ #x-4:checked ~ #x-5:checked ~ .game__result--x,
#x-6:checked ~ #x-7:checked ~ #x-8:checked ~ .game__result--x,
#x-0:checked ~ #x-3:checked ~ #x-6:checked ~ .game__result--x,
#x-1:checked ~ #x-4:checked ~ #x-7:checked ~ .game__result--x,
#x-2:checked ~ #x-5:checked ~ #x-8:checked ~ .game__result--x,
#x-0:checked ~ #x-4:checked ~ #x-8:checked ~ .game__result--x,
#x-2:checked ~ #x-4:checked ~ #x-6:checked ~ .game__result--x,
#o-0:checked ~ #o-1:checked ~ #o-2:checked ~ .game__result--o,
#o-3:checked ~ #o-4:checked ~ #o-5:checked ~ .game__result--o,
#o-6:checked ~ #o-7:checked ~ #o-8:checked ~ .game__result--o,
#o-0:checked ~ #o-3:checked ~ #o-6:checked ~ .game__result--o,
#o-1:checked ~ #o-4:checked ~ #o-7:checked ~ .game__result--o,
#o-2:checked ~ #o-5:checked ~ #o-8:checked ~ .game__result--o,
#o-0:checked ~ #o-4:checked ~ #o-8:checked ~ .game__result--o,
#o-2:checked ~ #o-4:checked ~ #o-6:checked ~ .game__result--o {
  display: flex;
}
#x-0:checked ~ #x-1:checked ~ #x-2:checked ~ .game__result--x ~ .game__result--draw,
#x-3:checked ~ #x-4:checked ~ #x-5:checked ~ .game__result--x ~ .game__result--draw,
#x-6:checked ~ #x-7:checked ~ #x-8:checked ~ .game__result--x ~ .game__result--draw,
#x-0:checked ~ #x-3:checked ~ #x-6:checked ~ .game__result--x ~ .game__result--draw,
#x-1:checked ~ #x-4:checked ~ #x-7:checked ~ .game__result--x ~ .game__result--draw,
#x-2:checked ~ #x-5:checked ~ #x-8:checked ~ .game__result--x ~ .game__result--draw,
#x-0:checked ~ #x-4:checked ~ #x-8:checked ~ .game__result--x ~ .game__result--draw,
#x-2:checked ~ #x-4:checked ~ #x-6:checked ~ .game__result--x ~ .game__result--draw,
#o-0:checked ~ #o-1:checked ~ #o-2:checked ~ .game__result--o ~ .game__result--draw,
#o-3:checked ~ #o-4:checked ~ #o-5:checked ~ .game__result--o ~ .game__result--draw,
#o-6:checked ~ #o-7:checked ~ #o-8:checked ~ .game__result--o ~ .game__result--draw,
#o-0:checked ~ #o-3:checked ~ #o-6:checked ~ .game__result--o ~ .game__result--draw,
#o-1:checked ~ #o-4:checked ~ #o-7:checked ~ .game__result--o ~ .game__result--draw,
#o-2:checked ~ #o-5:checked ~ #o-8:checked ~ .game__result--o ~ .game__result--draw,
#o-0:checked ~ #o-4:checked ~ #o-8:checked ~ .game__result--o ~ .game__result--draw,
#o-2:checked ~ #o-4:checked ~ #o-6:checked ~ .game__result--o ~ .game__result--draw {
  display: none;
}
#x-0:checked ~ #x-1:checked ~ #x-2:checked ~ .game__result--x ~ button,
#x-3:checked ~ #x-4:checked ~ #x-5:checked ~ .game__result--x ~ button,
#x-6:checked ~ #x-7:checked ~ #x-8:checked ~ .game__result--x ~ button,
#x-0:checked ~ #x-3:checked ~ #x-6:checked ~ .game__result--x ~ button,
#x-1:checked ~ #x-4:checked ~ #x-7:checked ~ .game__result--x ~ button,
#x-2:checked ~ #x-5:checked ~ #x-8:checked ~ .game__result--x ~ button,
#x-0:checked ~ #x-4:checked ~ #x-8:checked ~ .game__result--x ~ button,
#x-2:checked ~ #x-4:checked ~ #x-6:checked ~ .game__result--x ~ button,
#o-0:checked ~ #o-1:checked ~ #o-2:checked ~ .game__result--o ~ button,
#o-3:checked ~ #o-4:checked ~ #o-5:checked ~ .game__result--o ~ button,
#o-6:checked ~ #o-7:checked ~ #o-8:checked ~ .game__result--o ~ button,
#o-0:checked ~ #o-3:checked ~ #o-6:checked ~ .game__result--o ~ button,
#o-1:checked ~ #o-4:checked ~ #o-7:checked ~ .game__result--o ~ button,
#o-2:checked ~ #o-5:checked ~ #o-8:checked ~ .game__result--o ~ button,
#o-0:checked ~ #o-4:checked ~ #o-8:checked ~ .game__result--o ~ button,
#o-2:checked ~ #o-4:checked ~ #o-6:checked ~ .game__result--o ~ button {
  display: block;
}
:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ .game__result--draw {
  display: block;
}
:checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ :checked ~ button {
  display: block;
}
.board__line path,
.o circle,
.x path {
  -webkit-animation: draw calc(var(--draw-speed) * 1s) calc(var(--delay, 0) * 1s) ease-in both;
          animation: draw calc(var(--draw-speed) * 1s) calc(var(--delay, 0) * 1s) ease-in both;
}
.confetti {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2rem;
  -webkit-animation: celebrate 1s forwards, fadeOut calc(var(--draw-speed) * 1s) calc((1 - var(--draw-speed)) * 1s) forwards;
          animation: celebrate 1s forwards, fadeOut calc(var(--draw-speed) * 1s) calc((1 - var(--draw-speed)) * 1s) forwards;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
}
@-webkit-keyframes flyIn {
  from {
    opacity: 0;
    transform: translate(-50%, 250%) scale(0);
  }
}
@keyframes flyIn {
  from {
    opacity: 0;
    transform: translate(-50%, 250%) scale(0);
  }
}
@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}
@-webkit-keyframes celebrate {
  from {
    transform: translate(-50%, -50%) rotate(calc(var(--rotation) * 1deg)) scale(0) translate(0, 0);
  }
  to {
    transform: translate(-50%, -50%) rotate(calc(var(--rotation) * 1deg)) scale(1) translate(0, calc(var(--travel) * 1vmin));
  }
}
@keyframes celebrate {
  from {
    transform: translate(-50%, -50%) rotate(calc(var(--rotation) * 1deg)) scale(0) translate(0, 0);
  }
  to {
    transform: translate(-50%, -50%) rotate(calc(var(--rotation) * 1deg)) scale(1) translate(0, calc(var(--travel) * 1vmin));
  }
}
&lt;/style&gt;&lt;br/&gt;
Ini ialah permainan Tic-Tac-Toe, ongputih kata, (atau dikenali sebagai permainan X dan O) permainan mudah yg pada asalnya adalah sebuah permainan kertas dan pensil untuk dua pemain, X dan O, yg bergilir-gilir untuk membuat tanda tersebut di dalam sebuah grid 3x3. Yg berjaya membuat tanda sebaris dianggap memenangi permainan.&lt;br/&gt;
&lt;br/&gt;
- Kalau main seorang diri, menang sendiri. Kalah sendiri, seri pun sendiri ..&lt;br/&gt;
&lt;br/&gt;
&lt;div style=&quot;color: brown; font: italic 400 12px Merriweather, Georgia, serif; margin-bottom: 8px; max-width: 400px;&quot;&gt;
  Perhatian: Ini adalah game mudah yg santai. Pengarang tidak bertanggung jawab di atas sebarang ketidakpuasan atau sebarang kerosakan akibat dari menggunakan permainan ini. Guna atas risiko sendiri.&lt;/div&gt;
&lt;div style=&quot;color: #737373; font: italic 400 12px Merriweather, Georgia, serif; margin-bottom: 4px; max-width: 400px;&quot;&gt;
 Rujukan CSS permainan ini di codepen.io/jh3y/pen/KKNwpzN&lt;/div&gt;</description><link>https://orandableg.blogspot.com/2024/03/x-dan-o.html</link><author>noreply@blogger.com (Orandableg)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-3350393357232732741</guid><pubDate>Sun, 10 Mar 2024 10:35:00 +0000</pubDate><atom:updated>2024-03-12T01:00:58.178+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">permainan</category><title>(Permainan) Alih cakera</title><description>Satu permainan yang diilhamkan dari permainan &#39;Tower of Hanoi&#39;.&lt;br/&gt;
&lt;b&gt;Alihkan timbunan cakera dari tiang no. 1 ke tiang no. 3&lt;/b&gt;&lt;br/&gt;
&lt;div style=&quot;max-width: 400px; font: 14px Sans-serif;&quot;&gt;
Cara permainan:&lt;br/&gt;
1. Hanya satu cakera boleh dialihkan (klik atau tap) ke mana-mana tiang pada satu masa.&lt;br/&gt;
2. Setiap langkah terdiri daripada mengambil satu cakera yang di atas timbunan dan meletakkannya di atas timbunan lain. Dalam erti kata lain, cakera hanya boleh dialihkan jika ia adalah cakera paling atas pada timbunan.&lt;br/&gt;
3. Aturannya ialah cakera yang lebih besar tidak boleh diletakkan di atas cakera yang lebih kecil.&lt;br/&gt;
4. Jika kesemua cakera telah berjaya dipindahkan ke tiang no.&amp;nbsp;3, anda dikira menang! (Cumanya.. tiada hadiah)&lt;/div&gt;
&lt;div class=&quot;labu&quot;&gt;
&lt;form&gt;
    &lt;div class=&quot;cakera&quot;&gt;
        &lt;input id=&quot;one&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; readonly&gt;
        &lt;input name=&quot;one&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot; checked&gt;
        &lt;input name=&quot;one&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot;&gt;
        &lt;input name=&quot;one&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot;&gt;
        &lt;label for=&quot;one&quot;&gt;&lt;/label&gt;
        &lt;div class=&quot;disc one&quot;&gt;&lt;/div&gt;

        &lt;input id=&quot;two&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; readonly&gt;
        &lt;input name=&quot;two&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot; checked&gt;
        &lt;input name=&quot;two&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot;&gt;
        &lt;input name=&quot;two&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot;&gt;
        &lt;label for=&quot;two&quot;&gt;&lt;/label&gt;
        &lt;div class=&quot;disc two&quot;&gt;&lt;/div&gt;

        &lt;input id=&quot;three&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; readonly&gt;
        &lt;input name=&quot;three&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot; checked&gt;
        &lt;input name=&quot;three&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot;&gt;
        &lt;input name=&quot;three&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot;&gt;
        &lt;label for=&quot;three&quot;&gt;&lt;/label&gt;
        &lt;div class=&quot;disc three&quot;&gt;&lt;/div&gt;

        &lt;input id=&quot;four&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; readonly&gt;
        &lt;input name=&quot;four&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot; checked&gt;
        &lt;input name=&quot;four&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot;&gt;
        &lt;input name=&quot;four&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot;&gt;
        &lt;label for=&quot;four&quot;&gt;&lt;/label&gt;
        &lt;div class=&quot;disc four&quot;&gt;&lt;/div&gt;

        &lt;input id=&quot;five&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; readonly&gt;
        &lt;input name=&quot;five&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot; checked&gt;
        &lt;input name=&quot;five&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot;&gt;
        &lt;input name=&quot;five&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot;&gt;
        &lt;label for=&quot;five&quot;&gt;&lt;/label&gt;
        &lt;div class=&quot;disc five&quot;&gt;&lt;/div&gt;

        &lt;input id=&quot;six&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; readonly&gt;
        &lt;input name=&quot;six&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot; checked&gt;
        &lt;input name=&quot;six&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot;&gt;
        &lt;input name=&quot;six&quot; type=&quot;radio&quot; tabindex=&quot;-1&quot;&gt;
        &lt;label for=&quot;six&quot;&gt;&lt;/label&gt;
        &lt;div class=&quot;disc six&quot;&gt;&lt;/div&gt;

        &lt;input id=&quot;zero&quot; type=&quot;text&quot; tabindex=&quot;-1&quot; readonly&gt;

        &lt;div class=&quot;spacer a&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;separator ab&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;spacer b&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;separator bc&quot;&gt;&lt;/div&gt;
        &lt;div class=&quot;spacer c&quot;&gt;&lt;/div&gt;

        &lt;div class=&quot;tower a&quot;&gt;1&lt;/div&gt;
        &lt;div class=&quot;tower b&quot;&gt;2&lt;/div&gt;
        &lt;div class=&quot;tower c&quot;&gt;3&lt;/div&gt;

        &lt;div class=&quot;win&quot;&gt;Anda berjaya! :)&lt;/div&gt;
    &lt;/div&gt;
    &lt;div class=&quot;bottom&quot;&gt;&lt;/div&gt;
    &lt;button id=&quot;butang&quot; type=&quot;reset&quot;&gt;Semula&lt;/button&gt;
&lt;/form&gt;
&lt;/div&gt;
&lt;style&gt;
  body {
    background: #ccc;
  }
  .item-view .post-wrapper {
background: rgba(249, 249, 249, 0.65);
}
  #search_top.section {
      display: none;
    }
label,
input {
    position: absolute;
    top: -10vmin;
    margin: 0;
    border: 0;
    padding: 0;
    width: 30vmin;
    height: 52.5vmin;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    -webkit-tap-highlight-color: transparent;
}
input:nth-child(6n + 2),
input:checked + input + input + label {
    left: 0;
}
input:nth-child(6n + 3),
input:checked + input + label {
    left: 30vmin;
}
input:nth-child(6n + 4),
input:checked + label {
    left: 60vmin;
}
label,
input:hover,
input[readonly]:focus + input,
input[readonly]:focus + input + input,
input[readonly]:focus + input + input + input {
    pointer-events: initial;
}
input[readonly],
input:nth-child(6n + 2):checked ~ input:nth-child(6n + 2),
input:nth-child(6n + 3):checked ~ input:nth-child(6n + 3),
input:nth-child(6n + 4):checked ~ input:nth-child(6n + 4) {
    pointer-events: none;
}
#one ~ input,
#one ~ label {
    z-index: 6;
}
#two ~ input,
#two ~ label {
    z-index: 5;
}
#three ~ input,
#three ~ label {
    z-index: 4;
}
#four ~ input,
#four ~ label {
    z-index: 3;
}
#five ~ input,
#five ~ label {
    z-index: 2;
}
#six ~ input,
#six ~ label {
    z-index: 1;
}
input#zero {
    z-index: 7;
}
input#zero:focus {
    pointer-events: none;
}
input[readonly]:focus + input:checked ~ #zero {
    left: 0;
    pointer-events: initial;
}
input[readonly]:focus + input + input:checked ~ #zero {
    left: 30vmin;
    pointer-events: initial;
}
input[readonly]:focus + input + input + input:checked ~ #zero {
    left: 60vmin;
    pointer-events: initial;
}
.cakera {
    position: relative;
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
    margin: 10vmin auto 0;
    width: 90vmin;
    height: 35vmin;
}
.disc {
    z-index: 1;
    border-radius: 1vmin;
    height: 4vmin;
    pointer-events: none;
    transition: order 0.3s step-end;
}
input:checked + input + input + label + .disc {
    order: 3;
}
input:checked + input + label + .disc {
    order: 6;
}
input:checked + label + .disc {
    order: 9;
}
input:focus + input:checked + input + input + label + .disc {
    order: 1;
    transition: order 0s;
    animation: float 3s ease-in-out infinite alternate;
}
input:focus + input + input:checked + input + label + .disc {
    order: 4;
    transition: order 0s;
    animation: float 3s ease-in-out infinite alternate;
}
input:focus + input + input + input:checked + label + .disc {
    order: 7;
    transition: order 0s;
    animation: float 3s ease-in-out infinite alternate;
}
@keyframes float {
    50% {
        transform: translateY(-1vmin);
    }
}
input:focus + input:hover + input + input + label + .disc,
input + input:active + input + input + label + .disc {
    order: 1;
}
input:focus + input + input:hover + input + label + .disc,
input + input + input:active + input + label + .disc {
    order: 4;
}
input:focus + input + input + input:hover + label + .disc,
input + input + input + input:active + label + .disc {
    order: 7;
}
.one {
    margin: 0 10vmin;
    width: 10vmin;
    background: linear-gradient(to right, #eea668, #ed7e1d, #e67e22);
}
.two {
    margin: 0 8vmin;
    width: 14vmin;
    background: linear-gradient(to right, #8ac4ea, #0f9fff, #3498db);
}
.three {
    margin: 0 6vmin;
    width: 18vmin;
    background: linear-gradient(to right, #f0d775, #fc0, #e6bd19);
}
.four {
    margin: 0 4vmin;
    width: 22vmin;
    background: linear-gradient(to right, #666, #000, #333);
}
.five {
    margin: 0 2vmin;
    width: 26vmin;
    background: linear-gradient(to right, #7ee2a8, #09f16a, #2ecc71);
}
.six {
    width: 30vmin;
    background: linear-gradient(to right, #f2a097, #ff3a24, #e74c3c);
}
.spacer {
    width: 30vmin;
    height: 1px;
    flex-grow: 0;
    pointer-events: none;
    transition: flex 0.3s;
}
.separator {
    width: 0;
    height: 100%;
}
.a {
    order: 2;
}
.ab {
    order: 3;
}
.b {
    order: 5;
}
.bc {
    order: 6;
}
.c {
    order: 8;
}
input[readonly]:focus + input:hover ~ .a,
input[readonly]:focus + input + input:hover ~ .b,
input[readonly]:focus + input + input + input:hover ~ .c {
    transition: flex 0s;
    flex-grow: 1;
}
input[readonly]:focus + input:checked ~ .a,
input[readonly]:focus + input + input:checked ~ .b,
input[readonly]:focus + input + input + input:checked ~ .c {
    flex-grow: 1;
}
.win {
    z-index: 7;
    position: absolute;
    left: 0;
    right: 0;
    top: -10vmin;
    bottom: -7.5vmin;
    color: Brown;
    font-weight: bold;
    font-size: 26px;
    line-height: 17.5vmin;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}
input:nth-child(6n + 4):checked ~ input:nth-child(6n + 4):checked ~ input:nth-child(6n + 4):checked ~ input:nth-child(6n + 4):checked ~ input:nth-child(6n + 4):checked ~ input:nth-child(6n + 4):checked ~ .win {
    opacity: 1;
    pointer-events: initial;
}
.labu {
    margin-left: -1.8vmin;
}
form {
    text-align: center;
}
.tower {
    position: absolute;
    top: 7.5vmin;
    border-radius: 1vmin;
    width: 5vmin;
    height: 30vmin;
    background: linear-gradient(to right, #d7b889, #b27315, #966f33);
}
.a {
    left: 12.5vmin;
}
.b {
    left: 42.5vmin;
}
.c {
    left: 72.5vmin;
}
.bottom {
    position: relative;
    display: block;
    margin: 0 auto;
    border-radius: 1vmin;
    width: 88vmin;
    height: 7.5vmin;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.3), transparent),
    linear-gradient(#b27315, #ccc);
}
#butang {
    margin: 6vmin auto;
    border: none;
    border-radius: 1vmin;    
    padding: 8px;
    font-size: 20px;
    color: Brown;
    background: linear-gradient(to right, #eee, #aaa);
    outline: none;
    cursor: pointer;
    transition: background 0.3s;
}
#butang:hover {
    background: linear-gradient(to right, #aaa, #eee);
}
#butang:active {
    background: linear-gradient(to right, #eee, #aaa);
}
&lt;/style&gt;
&lt;div style=&quot;color: brown; font: italic 400 12px Merriweather, Georgia, serif; margin-bottom: 8px; max-width: 400px;&quot;&gt;
  Perhatian: Ini adalah &#39;permainan santai&#39;. Pengarang tidak bertanggung jawab di atas sebarang ketidakpuasan atau sebarang kerosakan akibat dari menggunakan permainan ini. Guna atas risiko sendiri.&lt;/div&gt;</description><link>https://orandableg.blogspot.com/2024/03/permainan-alih-cakera.html</link><author>noreply@blogger.com (Orandableg)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-1104236409113889235</guid><pubDate>Sat, 09 Mar 2024 02:13:00 +0000</pubDate><atom:updated>2024-03-09T13:07:29.626+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Australia</category><category domain="http://www.blogger.com/atom/ns#">berita</category><category domain="http://www.blogger.com/atom/ns#">haiwan</category><category domain="http://www.blogger.com/atom/ns#">luar biasa</category><category domain="http://www.blogger.com/atom/ns#">video</category><title>&#39;Rempuhan&#39; kanggaru di padang golf</title><description>&lt;style&gt;
  body {
    background: #d9ead3;
  }
  .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.65);
}
&lt;/style&gt;
Pemandangan luar biasa, sekawan ratusan kanggaru berlari (melompat-lompat) merentasi sebuah padang golf. -&amp;nbsp;Mungkin le tak begitu luar biasa bagi penduduk tempatan di sana.&lt;br/&gt;
&lt;br/&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/fJoXDqBkonA?si=mpl4_7isqwdicFLd&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/03/rempuhan-kanggaru-mengganggu-permainan.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/fJoXDqBkonA/default.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-1089570675433883858</guid><pubDate>Wed, 06 Mar 2024 01:04:00 +0000</pubDate><atom:updated>2024-03-07T08:54:29.055+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">berita</category><category domain="http://www.blogger.com/atom/ns#">Kehidupan</category><category domain="http://www.blogger.com/atom/ns#">Rekod</category><title>Orang tertua sambut  hari lahir</title><description>&lt;b&gt;Orang tertua di dunia menyambut ulang tahun ke-117 di Sepanyol&lt;/b&gt;&lt;br /&gt;
&lt;br /&gt;
Orang tertua yang masih hidup, Maria Branyas Morera, menyambut hari lahirnya yang ke-117 pada Isnin lalu di Sepanyol.&lt;br /&gt;
&lt;br /&gt;
Maria Branyas yang dilahirkan pada 4 Mac 1907 di San Francisco telah tinggal di Catalonia, Sepanyol sejak dia berumur 8 tahun dan telah tinggal di rumah jagaan yang sama selama 23 tahun yang lalu. Beliau dinamakan sebagai orang tertua yang masih hidup oleh Guinness World Records pada Januari 2023, berikutan kematian wanita Perancis, Lucile Randon pada usia 118 tahun.&lt;br /&gt;
&lt;br /&gt;
Maria Branyas kini kekal aktif di sebuah rumah jagaan, dan mengekalkan kehadiran media sosial di X dengan bantuan anak perempuannya yang berusia 80 tahun.&lt;br /&gt;
&lt;br/&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Yv-RCbY9BoPMftbsAZF8elKhWMsa1ZtT6-BNrY46MUsYI6eiHNIrI3WWB_JehfUde6Bvxy0XWSrnDxRTYpeRbOmQK1L0wGCCBCHKI3JNV9rFiFWyBQRD__ZOvVmOHmDsvDGLtuYd1jPGynTwDOQWbilgBnfDJAh1P0Icx8VRkYvr4dMKGSkmZ10zvNA/s400/w%20tertua.png&quot; style=&quot;margin-left: auto; margin-right: auto;&quot; /&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center; max-width: 400px;&quot;&gt;Kredit: Guinness World Records. Maria Branyas Morera, 117 tahun.&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br /&gt;

Wanita berkenaan adalah orang ke-12 yang disahkan tertua dalam sejarah, dan akan naik ke tempat No. 5 jika dia berjaya mencapai hari jadinya yang ke-118.&lt;br /&gt;
&lt;br /&gt;</description><link>https://orandableg.blogspot.com/2024/03/orang-tertua-sambut-hari-lahir.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7Yv-RCbY9BoPMftbsAZF8elKhWMsa1ZtT6-BNrY46MUsYI6eiHNIrI3WWB_JehfUde6Bvxy0XWSrnDxRTYpeRbOmQK1L0wGCCBCHKI3JNV9rFiFWyBQRD__ZOvVmOHmDsvDGLtuYd1jPGynTwDOQWbilgBnfDJAh1P0Icx8VRkYvr4dMKGSkmZ10zvNA/s72-c/w%20tertua.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-8536686833334635842</guid><pubDate>Mon, 04 Mar 2024 18:18:00 +0000</pubDate><atom:updated>2024-03-12T23:40:48.607+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">animasi</category><category domain="http://www.blogger.com/atom/ns#">bagaimana</category><category domain="http://www.blogger.com/atom/ns#">css</category><category domain="http://www.blogger.com/atom/ns#">mata</category><title>Mata yang mengawasi (CSS)</title><description>&lt;div style=&quot;color: #737373; font: italic 14px Arial; margin-bottom: 6px;&quot;&gt;Hover atau tap mana-mana di dalam kawasan petak. &#39;Mata&#39; akan sentiasa mengawasi.&lt;/div&gt;
&lt;div class=&quot;labu&quot;&gt;
&lt;ol class=&quot;labi&quot;&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
    &lt;li&gt;
        &lt;ul&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
            &lt;li&gt;&lt;/li&gt;
        &lt;/ul&gt;
    &lt;/li&gt;
&lt;/ol&gt;
&lt;div class=&quot;ttgk&quot;&gt;
    &lt;section class=&quot;ktk&quot;&gt;
        &lt;li class=&quot;face&quot;&gt;1&lt;/li&gt;
        &lt;li class=&quot;face&quot;&gt;2&lt;/li&gt;
        &lt;li class=&quot;face&quot;&gt;3&lt;/li&gt;
        &lt;li class=&quot;face&quot;&gt;4&lt;/li&gt;
        &lt;li class=&quot;face&quot;&gt;5&lt;/li&gt;
        &lt;li class=&quot;face&quot;&gt;6&lt;/li&gt;
        &lt;li class=&quot;face&quot;&gt;7&lt;/li&gt;
        &lt;li class=&quot;face&quot;&gt;8&lt;/li&gt;
        &lt;li class=&quot;face&quot;&gt;9&lt;/li&gt;
        &lt;li class=&quot;face&quot;&gt;10&lt;/li&gt;
        &lt;li class=&quot;face&quot;&gt;11&lt;/li&gt;
        &lt;li class=&quot;face&quot;&gt;12&lt;/li&gt;
    &lt;/section&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
  body {
    background: linear-gradient(160deg, #997c5d, #a68a6c, #b59b7f, #c4af99, #cfbeab, #dbcebf, #f0e9e1);  
  background-attachment: fixed;
  }
  .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.65);
}
  :root {
    --color: black;
    --num: 12;
    --partial: calc(1turn / var(--num));
    --i: 0;
    --angle: calc(var(--partial) * var(--i));
    height: 100%;
    animation: 5s infinite tengok;
}
:root:hover {
    animation: unset;
}
.labu {
    height: 70vh;
    display: grid;
    place-content: center;
    place-items: center;
    overflow: hidden;
  background: linear-gradient(160deg, #997c5d, #a68a6c, #b59b7f, #c4af99, #cfbeab, #dbcebf, #f0e9e1);  
  background-attachment: fixed;
  border: 3px solid #777;
}
.labu &gt; * {
    grid-area: 1 / 1;
}
.ttgk {
    perspective: 400px;
    border-radius: 50%;
    outline: 1px solid var(--color);
    pointer-events: none;
}
.ktk {
    width: 100px;
    aspect-ratio: 1;
    position: relative;
    transform-style: preserve-3d;
    transform: rotateZ(calc(var(--angle) - 90deg))
        rotateY(calc(70deg - var(--j) * 15deg));
    transition: transform 200ms;
}
.face {
    --stop: 60deg;
    --offset: calc((180deg - var(--stop)) / var(--num));
    --deg: calc(var(--stop) + var(--offset) * var(--n));
    width: 100%;
    height: 100%;
    position: absolute;
    backface-visibility: inherit;
    font-size: 0;
    background: var(--color);
    transform: translateZ(calc(cos(var(--deg)) * 50px)) scale(sin(var(--deg)));
}
.face:nth-child(odd) {
    background: #def;
}
.face:last-child {
    --n: -1;
    filter: drop-shadow(0 0 10px var(--color));
    transform: translateZ(calc(cos(var(--deg)) * 50px)) scale(sin(var(--deg)))
        scale(0.4);
}
.labi {
    --r: 50%;
    position: relative;
    width: 100vmax;
    aspect-ratio: 1;
    outline: 1px solid;
}
li {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    --x: calc(50% + sin(var(--partial)) * var(--r));
    --y: calc(50% - cos(var(--partial)) * var(--r));
    clip-path: polygon(50% 50%, 50% 0%, var(--x) var(--y));
    transform: rotate(calc(var(--partial) * (var(--n) - 0.5)));
}
li li {
    --size: calc(50% - 12.5% * var(--n));
    clip-path: circle(var(--size));
    background: rgba(0 0 255 / 0.2);
    background: unset;
    transform: unset;
}
li:nth-child(1)  { --n:  0; }
li:nth-child(2)  { --n:  1; }
li:nth-child(3)  { --n:  2; }
li:nth-child(4)  { --n:  3; }
li:nth-child(5)  { --n:  4; }
li:nth-child(6)  { --n:  5; }
li:nth-child(7)  { --n:  6; }
li:nth-child(8)  { --n:  7; }
li:nth-child(9)  { --n:  8; }
li:nth-child(10) { --n:  9; }
li:nth-child(11) { --n: 10; }
li:nth-child(12) { --n: 11; }

:root:has(ol &gt; li:nth-child(1):hover)  { --i:  0; }
:root:has(ol &gt; li:nth-child(2):hover)  { --i:  1; }
:root:has(ol &gt; li:nth-child(3):hover)  { --i:  2; }
:root:has(ol &gt; li:nth-child(4):hover)  { --i:  3; }
:root:has(ol &gt; li:nth-child(5):hover)  { --i:  4; }
:root:has(ol &gt; li:nth-child(6):hover)  { --i:  5; }
:root:has(ol &gt; li:nth-child(7):hover)  { --i:  6; }
:root:has(ol &gt; li:nth-child(8):hover)  { --i:  7; }
:root:has(ol &gt; li:nth-child(9):hover)  { --i:  8; }
:root:has(ol &gt; li:nth-child(10):hover) { --i:  9; }
:root:has(ol &gt; li:nth-child(11):hover) { --i: 10; }
:root:has(ol &gt; li:nth-child(12):hover) { --i: 11; }

:root:has(ul &gt; li:nth-child(1):hover)  { --j:  0; }
:root:has(ul &gt; li:nth-child(2):hover)  { --j:  1; }
:root:has(ul &gt; li:nth-child(3):hover)  { --j:  2; }
:root:has(ul &gt; li:nth-child(4):hover)  { --j:  3; }

@keyframes tengok{
    0% {
        --i: 10;
        --j: 0;
    }
    25% {
        --i: 5;
        --j: 1;
    }
    50% {
        --i: unset;
        --j: 0;
    }
    75% {
        --i: 2;
        --j: 3;
    }
    100% {
        --i: 6;
        --j: 3;
    }
}
&lt;/style&gt;&lt;br/&gt;
&lt;button onclick=&quot;if(document.getElementById(&#39;cb01&#39;) .style.display==&#39;none&#39;) {document.getElementById(&#39;cb01&#39;).style.display=&#39;&#39;}else{document.getElementById(&#39;cb01&#39;) .style.display=&#39;none&#39;}&quot; type=&quot;button&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Lihat teks HTML&lt;/span&gt;&lt;/button&gt;&lt;br /&gt;
&lt;div id=&quot;cb01&quot; style=&quot;background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); font: small Courier; padding: 10px; display: none;&quot;&gt;
  &amp;lt;div class=&quot;labu&quot;&amp;gt;&lt;br /&gt;&amp;lt;ol class=&quot;labi&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/ul&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/li&amp;gt;&lt;br /&gt;&amp;lt;/ol&amp;gt;&lt;br /&gt;&amp;lt;div class=&quot;ttgk&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;section class=&quot;ktk&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li class=&quot;face&quot;&amp;gt;1&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li class=&quot;face&quot;&amp;gt;2&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li class=&quot;face&quot;&amp;gt;3&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li class=&quot;face&quot;&amp;gt;4&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li class=&quot;face&quot;&amp;gt;5&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li class=&quot;face&quot;&amp;gt;6&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li class=&quot;face&quot;&amp;gt;7&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li class=&quot;face&quot;&amp;gt;8&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li class=&quot;face&quot;&amp;gt;9&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li class=&quot;face&quot;&amp;gt;10&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li class=&quot;face&quot;&amp;gt;11&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;li class=&quot;face&quot;&amp;gt;12&amp;lt;/li&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/section&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&amp;nbsp; :root {&lt;br /&gt;&amp;nbsp; &amp;nbsp; --color: black;&lt;br /&gt;&amp;nbsp; &amp;nbsp; --num: 12;&lt;br /&gt;&amp;nbsp; &amp;nbsp; --partial: calc(1turn / var(--num));&lt;br /&gt;&amp;nbsp; &amp;nbsp; --i: 0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; --angle: calc(var(--partial) * var(--i));&lt;br /&gt;&amp;nbsp; &amp;nbsp; height: 100%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; animation: 5s infinite tengok;&lt;br /&gt;}&lt;br /&gt;:root:hover {&lt;br /&gt;&amp;nbsp; &amp;nbsp; animation: unset;&lt;br /&gt;}&lt;br /&gt;.labu {&lt;br /&gt;&amp;nbsp; &amp;nbsp; height: 70vh;&lt;br /&gt;&amp;nbsp; &amp;nbsp; display: grid;&lt;br /&gt;&amp;nbsp; &amp;nbsp; place-content: center;&lt;br /&gt;&amp;nbsp; &amp;nbsp; place-items: center;&lt;br /&gt;&amp;nbsp; &amp;nbsp; overflow: hidden;&lt;br /&gt;&amp;nbsp; background: linear-gradient(160deg, #997c5d, #a68a6c, #b59b7f, #c4af99, #cfbeab, #dbcebf, #f0e9e1);&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp; background-attachment: fixed;&lt;br /&gt;&amp;nbsp; border: 3px solid #777;&lt;br /&gt;}&lt;br /&gt;.labu &amp;gt; * {&lt;br /&gt;&amp;nbsp; &amp;nbsp; grid-area: 1 / 1;&lt;br /&gt;}&lt;br /&gt;.ttgk {&lt;br /&gt;&amp;nbsp; &amp;nbsp; perspective: 400px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; border-radius: 50%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; outline: 1px solid var(--color);&lt;br /&gt;&amp;nbsp; &amp;nbsp; pointer-events: none;&lt;br /&gt;}&lt;br /&gt;.ktk {&lt;br /&gt;&amp;nbsp; &amp;nbsp; width: 100px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; aspect-ratio: 1;&lt;br /&gt;&amp;nbsp; &amp;nbsp; position: relative;&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform-style: preserve-3d;&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotateZ(calc(var(--angle) - 90deg))&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; rotateY(calc(70deg - var(--j) * 15deg));&lt;br /&gt;&amp;nbsp; &amp;nbsp; transition: transform 200ms;&lt;br /&gt;}&lt;br /&gt;.face {&lt;br /&gt;&amp;nbsp; &amp;nbsp; --stop: 60deg;&lt;br /&gt;&amp;nbsp; &amp;nbsp; --offset: calc((180deg - var(--stop)) / var(--num));&lt;br /&gt;&amp;nbsp; &amp;nbsp; --deg: calc(var(--stop) + var(--offset) * var(--n));&lt;br /&gt;&amp;nbsp; &amp;nbsp; width: 100%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; height: 100%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; position: absolute;&lt;br /&gt;&amp;nbsp; &amp;nbsp; backface-visibility: inherit;&lt;br /&gt;&amp;nbsp; &amp;nbsp; font-size: 0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; background: var(--color);&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: translateZ(calc(cos(var(--deg)) * 50px)) scale(sin(var(--deg)));&lt;br /&gt;}&lt;br /&gt;.face:nth-child(odd) {&lt;br /&gt;&amp;nbsp; &amp;nbsp; background: #def;&lt;br /&gt;}&lt;br /&gt;.face:last-child {&lt;br /&gt;&amp;nbsp; &amp;nbsp; --n: -1;&lt;br /&gt;&amp;nbsp; &amp;nbsp; filter: drop-shadow(0 0 10px var(--color));&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: translateZ(calc(cos(var(--deg)) * 50px)) scale(sin(var(--deg)))&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; scale(0.4);&lt;br /&gt;}&lt;br /&gt;.labi {&lt;br /&gt;&amp;nbsp; &amp;nbsp; --r: 50%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; position: relative;&lt;br /&gt;&amp;nbsp; &amp;nbsp; width: 100vmax;&lt;br /&gt;&amp;nbsp; &amp;nbsp; aspect-ratio: 1;&lt;br /&gt;&amp;nbsp; &amp;nbsp; outline: 1px solid;&lt;br /&gt;}&lt;br /&gt;li {&lt;br /&gt;&amp;nbsp; &amp;nbsp; position: absolute;&lt;br /&gt;&amp;nbsp; &amp;nbsp; width: 100%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; height: 100%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; border-radius: 50%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; --x: calc(50% + sin(var(--partial)) * var(--r));&lt;br /&gt;&amp;nbsp; &amp;nbsp; --y: calc(50% - cos(var(--partial)) * var(--r));&lt;br /&gt;&amp;nbsp; &amp;nbsp; clip-path: polygon(50% 50%, 50% 0%, var(--x) var(--y));&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(calc(var(--partial) * (var(--n) - 0.5)));&lt;br /&gt;}&lt;br /&gt;li li {&lt;br /&gt;&amp;nbsp; &amp;nbsp; --size: calc(50% - 12.5% * var(--n));&lt;br /&gt;&amp;nbsp; &amp;nbsp; clip-path: circle(var(--size));&lt;br /&gt;&amp;nbsp; &amp;nbsp; background: rgba(0 0 255 / 0.2);&lt;br /&gt;&amp;nbsp; &amp;nbsp; background: unset;&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: unset;&lt;br /&gt;}&lt;br /&gt;li:nth-child(1)&amp;nbsp; { --n:&amp;nbsp; 0; }&lt;br /&gt;li:nth-child(2)&amp;nbsp; { --n:&amp;nbsp; 1; }&lt;br /&gt;li:nth-child(3)&amp;nbsp; { --n:&amp;nbsp; 2; }&lt;br /&gt;li:nth-child(4)&amp;nbsp; { --n:&amp;nbsp; 3; }&lt;br /&gt;li:nth-child(5)&amp;nbsp; { --n:&amp;nbsp; 4; }&lt;br /&gt;li:nth-child(6)&amp;nbsp; { --n:&amp;nbsp; 5; }&lt;br /&gt;li:nth-child(7)&amp;nbsp; { --n:&amp;nbsp; 6; }&lt;br /&gt;li:nth-child(8)&amp;nbsp; { --n:&amp;nbsp; 7; }&lt;br /&gt;li:nth-child(9)&amp;nbsp; { --n:&amp;nbsp; 8; }&lt;br /&gt;li:nth-child(10) { --n:&amp;nbsp; 9; }&lt;br /&gt;li:nth-child(11) { --n: 10; }&lt;br /&gt;li:nth-child(12) { --n: 11; }&lt;br /&gt;:root:has(ol &amp;gt; li:nth-child(1):hover)&amp;nbsp; { --i:&amp;nbsp; 0; }&lt;br /&gt;:root:has(ol &amp;gt; li:nth-child(2):hover)&amp;nbsp; { --i:&amp;nbsp; 1; }&lt;br /&gt;:root:has(ol &amp;gt; li:nth-child(3):hover)&amp;nbsp; { --i:&amp;nbsp; 2; }&lt;br /&gt;:root:has(ol &amp;gt; li:nth-child(4):hover)&amp;nbsp; { --i:&amp;nbsp; 3; }&lt;br /&gt;:root:has(ol &amp;gt; li:nth-child(5):hover)&amp;nbsp; { --i:&amp;nbsp; 4; }&lt;br /&gt;:root:has(ol &amp;gt; li:nth-child(6):hover)&amp;nbsp; { --i:&amp;nbsp; 5; }&lt;br /&gt;:root:has(ol &amp;gt; li:nth-child(7):hover)&amp;nbsp; { --i:&amp;nbsp; 6; }&lt;br /&gt;:root:has(ol &amp;gt; li:nth-child(8):hover)&amp;nbsp; { --i:&amp;nbsp; 7; }&lt;br /&gt;:root:has(ol &amp;gt; li:nth-child(9):hover)&amp;nbsp; { --i:&amp;nbsp; 8; }&lt;br /&gt;:root:has(ol &amp;gt; li:nth-child(10):hover) { --i:&amp;nbsp; 9; }&lt;br /&gt;:root:has(ol &amp;gt; li:nth-child(11):hover) { --i: 10; }&lt;br /&gt;:root:has(ol &amp;gt; li:nth-child(12):hover) { --i: 11; }&lt;br /&gt;:root:has(ul &amp;gt; li:nth-child(1):hover)&amp;nbsp; { --j:&amp;nbsp; 0; }&lt;br /&gt;:root:has(ul &amp;gt; li:nth-child(2):hover)&amp;nbsp; { --j:&amp;nbsp; 1; }&lt;br /&gt;:root:has(ul &amp;gt; li:nth-child(3):hover)&amp;nbsp; { --j:&amp;nbsp; 2; }&lt;br /&gt;:root:has(ul &amp;gt; li:nth-child(4):hover)&amp;nbsp; { --j:&amp;nbsp; 3; }&lt;br /&gt;@keyframes tengok {&lt;br /&gt;&amp;nbsp; &amp;nbsp; 0% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; --i: 10;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; --j: 0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&amp;nbsp; &amp;nbsp; 25% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; --i: 5;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; --j: 1;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&amp;nbsp; &amp;nbsp; 50% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; --i: unset;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; --j: 0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&amp;nbsp; &amp;nbsp; 75% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; --i: 2;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; --j: 3;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&amp;nbsp; &amp;nbsp; 100% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; --i: 6;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; --j: 3;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br/&gt;&lt;div align=&quot;center&quot;&gt;&lt;button onclick=&quot;if(document.getElementById(&#39;cb01&#39;) .style.display==&#39;none&#39;) {document.getElementById(&#39;cb01&#39;).style.display=&#39;&#39;}else{document.getElementById(&#39;cb01&#39;) .style.display=&#39;none&#39;}&quot; type=&quot;button&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Tutup&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;
&lt;br/&gt;
&lt;div style=&quot;color: #737373; font: italic 400 12px Merriweather, Georgia, serif; margin-bottom: 5px; padding-left: 6px;&quot;&gt;Rujukan CSS di codepen.io/9am/pen/oNVKOKB&lt;/div&gt;</description><link>https://orandableg.blogspot.com/2024/03/mata-yang-mengawasi.html</link><author>noreply@blogger.com (Orandableg)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-1629606843168358020</guid><pubDate>Mon, 04 Mar 2024 02:13:00 +0000</pubDate><atom:updated>2024-03-04T10:30:21.018+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">gambar</category><category domain="http://www.blogger.com/atom/ns#">syot kilat</category><title>(Gambar) Dipetik dari kalendar keluarga</title><description>&lt;div align=&quot;center&quot;&gt;
&lt;div class=&quot;mySlides&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieQKQYO4GI3RCB1d65vQ5moRdcVE5I_SfNhcTA8hm2VZlOkYZfoCaYRlfbmlsTuQq2Bo0js4gszScpuYi7Q0cZI_RuXYLBFcJ4XvhoAd1sNRJr0tHePXtnOX3Nl9rm-GNXF0tIA9YGkORYRuzCMck9WLJcfaZJKdX-gxgIP_gpNq3NsEdUZHA-mys2d-E/s1560/IMG_1.jpg&quot; style=&quot;text-align: center; &quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieQKQYO4GI3RCB1d65vQ5moRdcVE5I_SfNhcTA8hm2VZlOkYZfoCaYRlfbmlsTuQq2Bo0js4gszScpuYi7Q0cZI_RuXYLBFcJ4XvhoAd1sNRJr0tHePXtnOX3Nl9rm-GNXF0tIA9YGkORYRuzCMck9WLJcfaZJKdX-gxgIP_gpNq3NsEdUZHA-mys2d-E/s500/IMG_1.jpg&quot; style=&quot;border-radius: 12px;&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div class=&quot;mySlides&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1J0RH3zRoWGir3Mf06_hQLNp1G40sZg-Ksktouxg-D_AbfY09q7gypCJ7EEetssBtfX5rUmKk2JI21CS9LcK7f916PDvqW8P9kQ9vMCbbTWKwEg7luRpBliePYNNKLV_WVvBpm6mnwm0kNn5a4qJ1IvGG9_EEWFQKIxL-s8vXBKOjKYGmWhPUIs0gSH0/s1560/IMG_2.jpg&quot; style=&quot;text-align: center; &quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1J0RH3zRoWGir3Mf06_hQLNp1G40sZg-Ksktouxg-D_AbfY09q7gypCJ7EEetssBtfX5rUmKk2JI21CS9LcK7f916PDvqW8P9kQ9vMCbbTWKwEg7luRpBliePYNNKLV_WVvBpm6mnwm0kNn5a4qJ1IvGG9_EEWFQKIxL-s8vXBKOjKYGmWhPUIs0gSH0/s500/IMG_2.jpg&quot; style=&quot;border-radius: 12px;&quot;/&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div class=&quot;mySlides&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgroNbY4FQiTCT7ShgxgLENPXPDYBEOCKBcp-Ai0gzIftHCz0Tu0g37Z9lf3-wmGVWeLR6L2ANgEwl1sHck8TSnJSu3Vt9ul6rilyU8B0l5m806fbx6Pbl_NKVSQHcAeev8iA-0lVOyB_08tUO7MdiVYE8uinoQlmAXpx7QQqK5b1oZeGndtYz9AdB0gYQ/s1560/IMG_3.jpg&quot; style=&quot;text-align: center; &quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgroNbY4FQiTCT7ShgxgLENPXPDYBEOCKBcp-Ai0gzIftHCz0Tu0g37Z9lf3-wmGVWeLR6L2ANgEwl1sHck8TSnJSu3Vt9ul6rilyU8B0l5m806fbx6Pbl_NKVSQHcAeev8iA-0lVOyB_08tUO7MdiVYE8uinoQlmAXpx7QQqK5b1oZeGndtYz9AdB0gYQ/s500/IMG_3.jpg&quot; style=&quot;border-radius: 12px;&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
3:15 ptg 02.03.2024&lt;br/&gt;
&lt;br/&gt;
&lt;style&gt;
  body {
  background: linear-gradient(160deg, #DFBB93, #EEE);  
  background-attachment: fixed; 
  }
  .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.4);
}
.mySlides {
  display: none;
  }  
&lt;/style&gt;
&lt;script&gt;
var myIndex = 0;
carousel();
function carousel() {
  var i;
  var x = document.getElementsByClassName(&quot;mySlides&quot;);
  for (i = 0; i &lt; x.length; i++) {
    x[i].style.display = &quot;none&quot;;  
  }
  myIndex++;
  if (myIndex &gt; x.length) {myIndex = 1}    
  x[myIndex-1].style.display = &quot;block&quot;;  
  setTimeout(carousel, 2200);
}&lt;/script&gt;</description><link>https://orandableg.blogspot.com/2024/03/gambar-dari-kalendar-keluarga.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieQKQYO4GI3RCB1d65vQ5moRdcVE5I_SfNhcTA8hm2VZlOkYZfoCaYRlfbmlsTuQq2Bo0js4gszScpuYi7Q0cZI_RuXYLBFcJ4XvhoAd1sNRJr0tHePXtnOX3Nl9rm-GNXF0tIA9YGkORYRuzCMck9WLJcfaZJKdX-gxgIP_gpNq3NsEdUZHA-mys2d-E/s72-c/IMG_1.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-3852832550913888860</guid><pubDate>Wed, 28 Feb 2024 16:00:00 +0000</pubDate><atom:updated>2024-03-10T21:43:18.440+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">astronomi</category><category domain="http://www.blogger.com/atom/ns#">cakap2</category><category domain="http://www.blogger.com/atom/ns#">sains</category><title>Tahun Lompat</title><description>&lt;style&gt;
  body {
    background: #d0e0e3;
  }
  .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.8);
}
.labu {
    background: #d0e0e3; color: #783f06; font-size: 22px; font-weight: bold; border-radius: 8px; margin: auto; padding-left: 1em; padding-bottom: 0.5em; line-height: 1em; max-width: 150px;
    animation-name: gerakle;
    animation-duration: 5s;
    animation-timing-function: linear;    
  }
  @keyframes gerakle {
  0% {    
    height: 0px; 
    overflow: hidden;
    font-size: 0px;
  }
    80% {    
    height: 0px; 
    overflow: hidden;
    font-size: 0px;
  }
  100% {
    height: 100%;
    width: 100%;
  }
  }
  .labi {
    animation-name: gerakku;
    animation-duration: 7s;
    animation-timing-function: linear;    
  }
  @keyframes gerakku {
  0% {    
    height: 0px;
    width: 0px; 
    overflow: hidden;
    font-size: 0px;
  }
    80% {    
    height: 0px;
    width: 0px; 
    overflow: hidden;
    font-size: 0px;
  }
  100% {
    background: #fff;
    height: 100%;
    width: 100%;
    font-size: 22px;
  }
  }
&lt;/style&gt;
&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCQHwD9V67f2rILBdQdu2wX3cOcYoP0gWxV9_MpvRebjf2pDSqj-7ovxfSrNtxK6QV38ES6h9iH7DTx7Gh6Vm0QgkhBXF204mjpyEIKSZCjyR9l90W15kmMLwk8wKAkfIwjumwdimaH7flI8W0NquP-UE5gTkZ1BkNQQO7q2dWQCY0fY7tH_xmBOlyCJ0/s80/29.2.png&quot;/&gt;&lt;br/&gt;
&lt;br/&gt;
&lt;b&gt;Hari ini sepatutnya telah pun masuk ke tarikh 1 Mac, tetapi belum pula. Kenapa?&lt;/b&gt;&lt;br/&gt;
&lt;div class=&quot;labu&quot;&gt;
  ....
  &lt;div class=&quot;labi&quot;&gt;29.02.2024&lt;/div&gt;
  01.03.2024
&lt;/div&gt;&lt;br/&gt;
Sebabnya ialah tahun ini adalah Tahun Lompat (Leap Year ongputih kata. Juga dikenali sebagai &#39;intercalary year&#39; atau &#39;bissextile year&#39;). Tahun lompat merupakan tahun yang mengandungi lebih satu hari daripada tahun biasa bagi menyelaraskannya dengan tahun astronomi ataupun tahun yang bermusim. Perubahan tahun kalendar ini biasanya berlaku empat tahun sekali (2024, 2028, 2032, 2036, 2040 dan seterusnya), dimana bulan Februari mendapat penambahan satu hari (29 Februari), menolak 1 Mac ke hari seterusnya.&lt;br/&gt;
&lt;h3&gt;Sains Tahun Lompat&lt;/h3&gt;
&lt;b&gt;Mengapa kita mempunyai tahun lompat?&lt;/b&gt;&lt;br/&gt;
Satu tahun kalendar lazimnya sepanjang 365 hari. Inilah yang dipanggil &quot;tahun biasa&quot;, yang secara longgar menentukan bilangan hari yang diperlukan Bumi untuk melengkapkan satu orbit mengelilingi Matahari. Tetapi 365 ini adalah nombor bulat (angka paling hampir). Bumi sebenarnya mengambil masa 365.242190 hari untuk mengorbit Matahari, atau 365 hari 5 jam 48 minit 56 saat. Tahun &quot;sidereal&quot; ini juga sebenarnya lebih panjang sedikit daripada tahun kalendar, dan tambahan &#39;5 jam 48 minit 56 saat&#39; itu perlu diambil kira. Jika kita tidak mengambil kira masa tambahan ini, musim akan mula tidak selari dengan kalendar. Ini akan mengelirukan tetapi tidak memusnahkan kerana dalam tempoh kira-kira 700 tahun, musim panas yang kita jangkakan pada bulan Jun di hemisfera utara, akan mula berlaku di bulan Disember pada kalendar jika kalendar tidak mempunyai tahun lompat! &lt;br/&gt;
&lt;br/&gt;
Dengan menambah hari tambahan setiap empat tahun sekali di tahun lompat (menjadikannya 366 hari), tahun kalendar kita kekal diselaraskan dengan tahun &#39;sidereal&#39; (bagaimanapun, tidak sepenuhnya tepat).&lt;br/&gt;
&lt;br/&gt;
&lt;b&gt;Mengapakah ada tahun yg akan datang (cth. tahun 2100), tidak menjadi tahun lompat sebagaimana mengikut turutan setiap empat tahun sekali?&lt;/b&gt;&lt;br/&gt;
Sesetengah matematik mudah akan menunjukkan bahawa dalam tempoh empat tahun perbezaan antara tahun kalendar dan tahun &#39;sidereal&#39; bukanlah tepat pada 24 jam. Sebaliknya, ia adalah 23.262222 jam. Laa .. masalah pembulatan lagi! Dengan menambahkan hari lompat setiap empat tahun, kita sebenarnya menjadikan kalendar lebih panjang, lebih 44 minit. Lama kelamaan, 44+ minit tambahan ini juga akan menyebabkan tarikh musim tidak selari dalam kalendar kita. Atas sebab ini, bukan setiap empat tahun adalah tahun lompat. Peraturannya ialah jika tahun boleh dibahagikan dengan 100 dan tidak boleh dibahagikan dengan 400, tahun lompat dilangkau. Contohnya, tahun 2000 adalah tahun lompat, tetapi tahun 1700, 1800, dan 1900 tidak. Kali seterusnya tahun lompat akan dilangkau ialah tahun 2100.&lt;br/&gt;
&lt;br/&gt;
&lt;b&gt;Mengapa ia dipanggil &quot;tahun lompat&quot;?&lt;/b&gt;&lt;br/&gt;
Nah .. satu tahun biasa ialah 52 minggu dan 1 hari. Ini bermakna jika hari lahir anda berlaku pada hari Isnin di tahun biasa, tahun berikutnya ia sepatutnya disambut pada hari Selasa. Walau bagaimanapun, penambahan hari tambahan semasa tahun lompat mengakibatkan hari lahir anda kini &quot;melompat&quot; lagi selama sehari. Hari lahir anda yang berlaku pada hari Selasa seperti yang berlaku selepas tahun biasa, semasa tahun lompat, hari lahir anda &quot;melompat&quot; dari hari Selasa dan kini akan berlaku pada hari Rabu.&lt;br/&gt;
&lt;br/&gt;  
- Dan jika secara kebetulan anda dilahirkan pada hari lompat 29 Februari, itu tidak bermakna anda hanya boleh menyambut hari lahir setiap empat tahun sekali. Setiap tiga tahun yang bukan tahun lompat, anda sebenarnya boleh menyambut hari lahir anda pada 1 Mac menggantikan 29 Februari yang tiada di kalendar. Biar apapun, selagi hayat dikandung badan, anda akan terus bertambah usia juga sebagaimana individu lain.&lt;br/&gt;
&lt;br/&gt;
Terima kasih kepada adanya tahun lompat, musim kita akan sentiasa berlaku apabila kita menjangkakan ia berlaku, dan tahun kalendar kita akan sepadan dengan tahun &#39;sidereal&#39; Bumi. - &lt;span style=&quot;color: #737373; font: italic 400 12px Merriweather, Georgia, serif;&quot;&gt;Info dipetik dari en.wikipedia.org/wiki/Leap_year, airandspace.si.edu/stories/editorial/science-leap-year&lt;/span&gt;&lt;br/&gt;
&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/02/tahun-lompat.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCQHwD9V67f2rILBdQdu2wX3cOcYoP0gWxV9_MpvRebjf2pDSqj-7ovxfSrNtxK6QV38ES6h9iH7DTx7Gh6Vm0QgkhBXF204mjpyEIKSZCjyR9l90W15kmMLwk8wKAkfIwjumwdimaH7flI8W0NquP-UE5gTkZ1BkNQQO7q2dWQCY0fY7tH_xmBOlyCJ0/s72-c/29.2.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-5030169737171125350</guid><pubDate>Tue, 27 Feb 2024 16:30:00 +0000</pubDate><atom:updated>2024-03-05T19:46:45.606+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">dr kameraku</category><category domain="http://www.blogger.com/atom/ns#">gambar</category><category domain="http://www.blogger.com/atom/ns#">lakgambarje</category><title>Album Lakgambarje 2 (koleksi  foto dari arkib)</title><description>&lt;style&gt;
  body {
  background: linear-gradient(166deg, #000, #111, #222, #444, #555, #666);  
  background-attachment: fixed; 
}
  .item-view .post-wrapper {
background: rgba(68, 68, 68, 0.2); border-radius: 12px; box-shadow: #131313 0px 0px 14px inset; 
}
  .item-view .post-title {
    color: #f3f3f3;
  }
&lt;/style&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;span style=&quot;font-size: small; color: white;&quot;&gt;Lak&lt;/span&gt; &lt;img style=&quot;border-radius: 6px;&quot; src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEUB5oZH3kHA8SXFwSV0k0QDGafBqJhQwvgK6xqbVbSHNAB2eCE05GGW0BeO8m1a5F0_8urxm10_C86lMvwk7UzfYK1vZXm2qZLvCBjvWYVMYfnWAyTBPVJb8DlBeFMbgCmgGctyD7dEiFYd_GKDpkxZlOuhca9WFsLlGZ-jbz914JK7LsvGhmDWWB/s40/img%20atas.png&quot; style=&quot;border-radius: 4px;&quot;/&gt; &lt;span style=&quot;font-size: small; color: white;&quot;&gt;Gambar je&lt;/span&gt;&lt;br/&gt;
&lt;br/&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNae_MC_rGAcvdCkl6Yo52uYMFg6KoO00Q8TjrhcbWjTrDVJBRC-L7YJBmh0epknS7NyeqQeErvy93X16fy6g-Iacr-JQpRl0fBf9CC2ui9_m2eqPJVlxLQq9dD5vqm7M4RygMCA5syVAJ_ulKOVqOqbkMqdcabRorxHkcjRXEhPABWyHJZQ_Tv064bY/s1173/DSC0%20kk%20dan%20bunga.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNae_MC_rGAcvdCkl6Yo52uYMFg6KoO00Q8TjrhcbWjTrDVJBRC-L7YJBmh0epknS7NyeqQeErvy93X16fy6g-Iacr-JQpRl0fBf9CC2ui9_m2eqPJVlxLQq9dD5vqm7M4RygMCA5syVAJ_ulKOVqOqbkMqdcabRorxHkcjRXEhPABWyHJZQ_Tv064bY/s170/DSC0%20kk%20dan%20bunga.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizOFvPKUMgNPIhBgzzmJVIC6E2kfJHkY2Ypf5QVw3B8QpO-vxLBTbV5-meR7HzUa39vjAqosOHHDXm-uP2zEYd4P7ysLdps6foYdWX5EVl5P10NBhmp9poM9duf6UZ26NSWjFe81Nx0Y7CTyu9eJ9qnXfmL5mc3FfxZ8M0y5AMyCqV7dYNpqDoH_ovGw0/s900/DSC0%20kucing%20%20%20d%20belakang.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizOFvPKUMgNPIhBgzzmJVIC6E2kfJHkY2Ypf5QVw3B8QpO-vxLBTbV5-meR7HzUa39vjAqosOHHDXm-uP2zEYd4P7ysLdps6foYdWX5EVl5P10NBhmp9poM9duf6UZ26NSWjFe81Nx0Y7CTyu9eJ9qnXfmL5mc3FfxZ8M0y5AMyCqV7dYNpqDoH_ovGw0/s136/DSC0%20kucing%20%20%20d%20belakang.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjk7nPYgXJisYYYI_1_jrVWe_pxE90M0CWrCjNSxOKCnjvUtnofDNS06ZuU2vnnfUV1DYxF_ZJp-i3jHUDotYElHIPmOCbor7XamXQWB-BXQu-FF2dNyP2Rvuzp8yt-XdJaw43kU0HF0/s1000/a4385+pemandangan+senja.jpg&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjk7nPYgXJisYYYI_1_jrVWe_pxE90M0CWrCjNSxOKCnjvUtnofDNS06ZuU2vnnfUV1DYxF_ZJp-i3jHUDotYElHIPmOCbor7XamXQWB-BXQu-FF2dNyP2Rvuzp8yt-XdJaw43kU0HF0/s170/a4385+pemandangan+senja.jpg&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-_ScOO1LiK0iqqVmS76cu2Nqg_JW-DAgQcGSx5YqGNWJ2kZSPbbRquw5RHTUwtz5HElO_tRepeRaOWgy7j4LQQEuUxy74XmopLaDm1VLqSouws74sguiVb65CxCHR7EHtQoAPvJmTxE/s1600/DSC04368+ptg+d+muara.jpg&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-_ScOO1LiK0iqqVmS76cu2Nqg_JW-DAgQcGSx5YqGNWJ2kZSPbbRquw5RHTUwtz5HElO_tRepeRaOWgy7j4LQQEuUxy74XmopLaDm1VLqSouws74sguiVb65CxCHR7EHtQoAPvJmTxE/s170/DSC04368+ptg+d+muara.jpg&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUZTRgjCk3UpCToR4BC_9elCfjAsw39GnvJ3NCqDQvXrdQAEmgL8mwRxUWDQzfoVZNgf1Sv2iodP7Bk7KIKS3D1vcD4dDamlNPedu-dV_ExvS4edj6_DlfLO8rno3C6RquwE8ylW6VplaFIzRrgKjGx6LUj7SyY7knyiOY2PRWsPNr3Sc-mFNM5t1r0hU/s1320/DSC0%20panas%20terik.JPG&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUZTRgjCk3UpCToR4BC_9elCfjAsw39GnvJ3NCqDQvXrdQAEmgL8mwRxUWDQzfoVZNgf1Sv2iodP7Bk7KIKS3D1vcD4dDamlNPedu-dV_ExvS4edj6_DlfLO8rno3C6RquwE8ylW6VplaFIzRrgKjGx6LUj7SyY7knyiOY2PRWsPNr3Sc-mFNM5t1r0hU/s170/DSC0%20panas%20terik.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYR5dZvrA4iU0jjyzaSA72Vy261w5jOFwgcYGbct0QCVSxOWfGW0r8VFSy2BDagxbeTbYUVjrg0mtLgHTDfES-8-R0w5sy7V05WH7GfArbsOQjIxQbYBAancncccO-kAMt64xubV8D5AKlG1maHEdRX08XmgOZTL5qNRXPuEjFPEfAU4Su7zTGHAVNv7Q/s1173/DSC0%20kering%20dan%20layu.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYR5dZvrA4iU0jjyzaSA72Vy261w5jOFwgcYGbct0QCVSxOWfGW0r8VFSy2BDagxbeTbYUVjrg0mtLgHTDfES-8-R0w5sy7V05WH7GfArbsOQjIxQbYBAancncccO-kAMt64xubV8D5AKlG1maHEdRX08XmgOZTL5qNRXPuEjFPEfAU4Su7zTGHAVNv7Q/s170/DSC0%20kering%20dan%20layu.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRvvfIoDO_3B0mEwyfyAHxGH2S_B5UsMELV1UGOBu-5WQQdoAwzSji5hLgjccgZl54SFsuuT2s_03EtiuTHORO-uFmDqQoNpKJqKHhRip-eD3tPIuAVHtZUa6JkDm00NmoLPNi1aeqPbvkBrctochH5gPsvgn0Qw8knwtcGQxXlxDuC7Nuo-hjZsmEpxA/s1162/DSC0%20pepatung.JPG&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRvvfIoDO_3B0mEwyfyAHxGH2S_B5UsMELV1UGOBu-5WQQdoAwzSji5hLgjccgZl54SFsuuT2s_03EtiuTHORO-uFmDqQoNpKJqKHhRip-eD3tPIuAVHtZUa6JkDm00NmoLPNi1aeqPbvkBrctochH5gPsvgn0Qw8knwtcGQxXlxDuC7Nuo-hjZsmEpxA/s170/DSC0%20pepatung.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhag_noE9isJqbdMPgfbp4LgepezdQD_Mu2xm64N-pULB29kRaq_0rgbsOsGsIxmuQ9ysLmTzyByQMgw5VtUUgIQbk6ZHhV9qFgQRM2cI3MO63QUXzqBpFrOOsDPeUD1R4yc7JN_AMR-b00ln6seIK0rt8SCTWyKoPOlq1J7QB-1yzGo9IcVZqtVu0Fkv8/s1320/rama2.JPG&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhag_noE9isJqbdMPgfbp4LgepezdQD_Mu2xm64N-pULB29kRaq_0rgbsOsGsIxmuQ9ysLmTzyByQMgw5VtUUgIQbk6ZHhV9qFgQRM2cI3MO63QUXzqBpFrOOsDPeUD1R4yc7JN_AMR-b00ln6seIK0rt8SCTWyKoPOlq1J7QB-1yzGo9IcVZqtVu0Fkv8/s170/rama2.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlYNydu_EsdVprBUsGi5Vo-QSn5AvYK-CsScn_7966ie5tJGJwOWqqL-ggAFFyff81FeDWiannriQtNPKdB6-wKv52IRlLOgfiJnAEA51rpGIrP-89TmI1zJko8Pa7k4ce16bf0PlSnnuP5TWYCaY4V4pUyplfzCnLZQTpRmSvBu5_k1aoZEIRQoUFz4w/s1000/abc1.JPG&quot; style=&quot;text-align: center;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlYNydu_EsdVprBUsGi5Vo-QSn5AvYK-CsScn_7966ie5tJGJwOWqqL-ggAFFyff81FeDWiannriQtNPKdB6-wKv52IRlLOgfiJnAEA51rpGIrP-89TmI1zJko8Pa7k4ce16bf0PlSnnuP5TWYCaY4V4pUyplfzCnLZQTpRmSvBu5_k1aoZEIRQoUFz4w/s136/abc1.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmqOJH-0ljKqpyJ0sidtLj4YvNhmcGjCkpwLl127hZC3NXF_y68vauSVTqaW7fQ_qgG-rSxwOSQjKDV45m6wCwQSHABzx7NVSgePLTCEm3CujZaTIogBmeZ1ilX9p9o8M0G86f0T9BAleLrzpQtpbBsiJhsbCc4KuhUJD-i1zTp4_qjwqtSekt9i9mRm4/s998/abc2.JPG&quot; style=&quot;text-align: center; &quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmqOJH-0ljKqpyJ0sidtLj4YvNhmcGjCkpwLl127hZC3NXF_y68vauSVTqaW7fQ_qgG-rSxwOSQjKDV45m6wCwQSHABzx7NVSgePLTCEm3CujZaTIogBmeZ1ilX9p9o8M0G86f0T9BAleLrzpQtpbBsiJhsbCc4KuhUJD-i1zTp4_qjwqtSekt9i9mRm4/s136/abc2.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaDn3dp3EmzfsLFpNVE7Qv_dlVS-u_aIHF0Vvz8MjxuM6uUs_Fs0HJG1_PxWbLvJ9wiba25Ymxr3CKXLJgVh1qc70sSS-NMZdzd8HUJV-64U5I443Ahl6eQCEnaSdjmGH1oRgeYnHDTCrdgdcHHd6XxklCqaJuB8lzwbnYlg-co3SnNm66JtdkIt-SZVA/s1000/abc3.JPG&quot; style=&quot;text-align: center; &quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaDn3dp3EmzfsLFpNVE7Qv_dlVS-u_aIHF0Vvz8MjxuM6uUs_Fs0HJG1_PxWbLvJ9wiba25Ymxr3CKXLJgVh1qc70sSS-NMZdzd8HUJV-64U5I443Ahl6eQCEnaSdjmGH1oRgeYnHDTCrdgdcHHd6XxklCqaJuB8lzwbnYlg-co3SnNm66JtdkIt-SZVA/s136/abc3.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoOwu7LkhPr3kjHre255atmtK7cytRcGUdKYzP2LIj-wPd-M1S6kEZ5fsA0f65nF9PBnb0vg5ZuSwmDq9Eu3wprJKHHH6b0u4p8X-L4UJ70YFVokKpCYS01qXCmMusyZAcIQ8Ujw3c3UIucZtzBLoRCTSW8xEEgO2dBjQ3PnmxX8SF2lqSesqf-57DcLg/s1180/DSC%20puteri%20semalu.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoOwu7LkhPr3kjHre255atmtK7cytRcGUdKYzP2LIj-wPd-M1S6kEZ5fsA0f65nF9PBnb0vg5ZuSwmDq9Eu3wprJKHHH6b0u4p8X-L4UJ70YFVokKpCYS01qXCmMusyZAcIQ8Ujw3c3UIucZtzBLoRCTSW8xEEgO2dBjQ3PnmxX8SF2lqSesqf-57DcLg/s170/DSC%20puteri%20semalu.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ1UxEn95e5lurHuI-sdbCrUQPxz3eoA3voCOIN-51ANktxiolV-bsD3iSz0UgS6_Dz6u2RE7bCduN1YjcQo-5kIXqJcADTQeZMtw6iAMU4J7ihe5L6Mb4VvFIKMBDkYXYVOjIUEsER7nzTjp7tNjp1rivMil7e1bcMGTla6UOksdrc7P1RvDuMt0vJls/s1173/DSC0%20semulajadi.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ1UxEn95e5lurHuI-sdbCrUQPxz3eoA3voCOIN-51ANktxiolV-bsD3iSz0UgS6_Dz6u2RE7bCduN1YjcQo-5kIXqJcADTQeZMtw6iAMU4J7ihe5L6Mb4VvFIKMBDkYXYVOjIUEsER7nzTjp7tNjp1rivMil7e1bcMGTla6UOksdrc7P1RvDuMt0vJls/s170/DSC0%20semulajadi.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFKujgA3mdNrLpsUqzk7fTjM0XNvrLXmis6KUiltUAZxErnvA2hm7DpgT4GdZqEgz20Z5ZVw1CjkQxaxorStzqRVGUSc3dBuxinV_3wD9-LEWy0P09S5H8koC1S-elFWyLdnMjeYoH_TWsKILqgLFmH6UVUVhowkE3N5iLzrrwQjNv6Xa3ijWXhUhGgvg/s1173/DSC%20kini%20135%20tahun.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFKujgA3mdNrLpsUqzk7fTjM0XNvrLXmis6KUiltUAZxErnvA2hm7DpgT4GdZqEgz20Z5ZVw1CjkQxaxorStzqRVGUSc3dBuxinV_3wD9-LEWy0P09S5H8koC1S-elFWyLdnMjeYoH_TWsKILqgLFmH6UVUVhowkE3N5iLzrrwQjNv6Xa3ijWXhUhGgvg/s170/DSC%20kini%20135%20tahun.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7jcjBNeVptv4POQN_XwLHy8RZR1rEzIckxt4deou6oVgsMW7Xt3g6_Y1WgZ_2b3XRewodyL8tLA1zois1hiWRjQV_mxrGVD-LATzidG_5DZWJuMXxUuDUmaNSiDqcJ2ZRW8iP2eCDFBlWzkwX0VWhwJqPaNATslpNZhnh4RjgHrVw1dCNLJb4tDVQnMI/s900/DSC0%20bukan%20k%20santai.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7jcjBNeVptv4POQN_XwLHy8RZR1rEzIckxt4deou6oVgsMW7Xt3g6_Y1WgZ_2b3XRewodyL8tLA1zois1hiWRjQV_mxrGVD-LATzidG_5DZWJuMXxUuDUmaNSiDqcJ2ZRW8iP2eCDFBlWzkwX0VWhwJqPaNATslpNZhnh4RjgHrVw1dCNLJb4tDVQnMI/s136/DSC0%20bukan%20k%20santai.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5S2ZItejKjb_CAQL8FD8xWEqeIws9knqlNjSdQ58OrI8zetc3-oZ40t52yEhCrfT1xeIuySNxMYtFVFcpC_d4TufMLu01xRNsUm89rgWjqQjNREa8mlhcWTgtFyVDPUX3WqyOcqbRxOXH_5rCupxZCEEYpIh_BncWDLYre3MthbMt2D02ZLXD61mG0D0/s1320/DSC0%20stem%204sen.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5S2ZItejKjb_CAQL8FD8xWEqeIws9knqlNjSdQ58OrI8zetc3-oZ40t52yEhCrfT1xeIuySNxMYtFVFcpC_d4TufMLu01xRNsUm89rgWjqQjNREa8mlhcWTgtFyVDPUX3WqyOcqbRxOXH_5rCupxZCEEYpIh_BncWDLYre3MthbMt2D02ZLXD61mG0D0/s170/DSC0%20stem%204sen.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2uyHYKOThXXuoPmyNJtkfLBw8btPnlP1ChwXfrxwjHkyO_lx5-Nqmqx8iQfojVrDl7raBhRF1b9Y5lQ9ksRdIB0VZgyEv059HUS8kZ6HDix0dq1w2yYi0KhY6Nhv5xzK-7k0-UgXihs2uCTxsm7CqKpq3TvHsuESLi8EkMfqJuIQc6t2uywksqMOowtc/s1318/DS%20lembaga%20misteri.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2uyHYKOThXXuoPmyNJtkfLBw8btPnlP1ChwXfrxwjHkyO_lx5-Nqmqx8iQfojVrDl7raBhRF1b9Y5lQ9ksRdIB0VZgyEv059HUS8kZ6HDix0dq1w2yYi0KhY6Nhv5xzK-7k0-UgXihs2uCTxsm7CqKpq3TvHsuESLi8EkMfqJuIQc6t2uywksqMOowtc/s170/DS%20lembaga%20misteri.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBf5Vjk1KmK1esuJsyW2vh7uBmwmChUhXvsoChARRTX8qhKSSo7djV78LQQuPaX92EPSDL44sf33GAm5PEc_tbotqOJKw5lneUYcPmkgbSQzW4KnJmA8RHEySY8LPGNIKCyjUb3J3wrmukUThB0MfuTGtjzdylKPnRSk_B8wMKkIpeRnE5zTG8hAw_F-g/s886/DSC0%20gagak.jpg&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBf5Vjk1KmK1esuJsyW2vh7uBmwmChUhXvsoChARRTX8qhKSSo7djV78LQQuPaX92EPSDL44sf33GAm5PEc_tbotqOJKw5lneUYcPmkgbSQzW4KnJmA8RHEySY8LPGNIKCyjUb3J3wrmukUThB0MfuTGtjzdylKPnRSk_B8wMKkIpeRnE5zTG8hAw_F-g/s136/DSC0%20gagak.jpg&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic8EPAe0_zw5qOezRc_kgWvLwVWkqCV-crqhtfjLza8TiFIDFEVzVM6_60rDNnyfh3Ya6X52Lzcl2xSzX3Vj8a49jjJVjwM6uNL_VK7RvpJJu8V21UZ8ueClds1FkLgd85sgqEsn1waXrkJC2PieHe_Df8Ymh1M8rezR72LMmfCWo-9jYxdA9wxWrS5do/s1173/DS%20jalan%20pintasan.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic8EPAe0_zw5qOezRc_kgWvLwVWkqCV-crqhtfjLza8TiFIDFEVzVM6_60rDNnyfh3Ya6X52Lzcl2xSzX3Vj8a49jjJVjwM6uNL_VK7RvpJJu8V21UZ8ueClds1FkLgd85sgqEsn1waXrkJC2PieHe_Df8Ymh1M8rezR72LMmfCWo-9jYxdA9wxWrS5do/s170/DS%20jalan%20pintasan.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6c5U7Zu0nz9mTYeC_Q5USv7huMIGPPKA0Oaor1CQNhgC6P9ICuOpbmeAUD5TrlHKIkn3G48SGGEggYGjdOcPThjayI9FQy5dUR2lAU-UALenEgmHvInQ_dTZnQKzHCID6gg_1uO2DzBhhsHwV3H_ONpIcWMKOZyYXw1JKAYe0PgxCG-f-Kxt_KYmIEFI/s1173/DS%20umang2.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6c5U7Zu0nz9mTYeC_Q5USv7huMIGPPKA0Oaor1CQNhgC6P9ICuOpbmeAUD5TrlHKIkn3G48SGGEggYGjdOcPThjayI9FQy5dUR2lAU-UALenEgmHvInQ_dTZnQKzHCID6gg_1uO2DzBhhsHwV3H_ONpIcWMKOZyYXw1JKAYe0PgxCG-f-Kxt_KYmIEFI/s170/DS%20umang2.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWO4DrEcCCNanmPAz9Pjv5hFoTcFetIEm1Y4GzJ39A606-TPa3N0kWrahq3xiECQjj-z0I5CoU0MmSLyKTa-d8ukHwu7lJJyvz1rZgbrh_9RbdLij6DBNbu_oOUmbDz5YvflaT1sO_F7J-7C4_JUwqiDa1V_ButLzLxUug586zlRZrWW0aD3uXrMPgPSg/s1337/DS%20pantai%20klebang%201.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWO4DrEcCCNanmPAz9Pjv5hFoTcFetIEm1Y4GzJ39A606-TPa3N0kWrahq3xiECQjj-z0I5CoU0MmSLyKTa-d8ukHwu7lJJyvz1rZgbrh_9RbdLij6DBNbu_oOUmbDz5YvflaT1sO_F7J-7C4_JUwqiDa1V_ButLzLxUug586zlRZrWW0aD3uXrMPgPSg/s170/DS%20pantai%20klebang%201.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhci0RhI7uu4JJyrCLHWwnb9ix7_GuKabqPFsxNUT4KKhJVmvM-gD35IfGl0h-WTnLIhMEbgTpxEuq8ee8YuFnQkckO_4RasZbE5Mj_hjeDWiecbOWX7KBItnr2k_1bNeuU85qvT1DKe6K6FoxSWJnsXwEtETmI7gX47egeLCh0TnW_8drgdVeSKWNyoMo/s1320/bulan%20mengambang%20siang.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhci0RhI7uu4JJyrCLHWwnb9ix7_GuKabqPFsxNUT4KKhJVmvM-gD35IfGl0h-WTnLIhMEbgTpxEuq8ee8YuFnQkckO_4RasZbE5Mj_hjeDWiecbOWX7KBItnr2k_1bNeuU85qvT1DKe6K6FoxSWJnsXwEtETmI7gX47egeLCh0TnW_8drgdVeSKWNyoMo/s170/bulan%20mengambang%20siang.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiklF0DMSTeO1wF3y14wHw3qxBIjwcTOBCFom08SZIzd5J9qBV470G0585IKi5lWRnPSleGKNS7GyUR0nTnXIPoeuPw_l8MhcnvvReQM91OgnghcQTVzg-46pJH6__aN3zPvii8bZXog9uj6uTEFhleeLqH_IQWlg2bZR1j9YEZl3pX6kZPh9ppfd_q8z0/s1320/jambatan.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiklF0DMSTeO1wF3y14wHw3qxBIjwcTOBCFom08SZIzd5J9qBV470G0585IKi5lWRnPSleGKNS7GyUR0nTnXIPoeuPw_l8MhcnvvReQM91OgnghcQTVzg-46pJH6__aN3zPvii8bZXog9uj6uTEFhleeLqH_IQWlg2bZR1j9YEZl3pX6kZPh9ppfd_q8z0/s170/jambatan.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS86mtaNUoLNVC8jXwSD54JGab_omGM5Adbi7k0NQ6KcKjeH1BiIc0SC9yxdVRjX7_BEmLwgkUBk-Xu4q5b4nCaIuez3nx7RYF0mgANDROAGB0cAMG9OvN9olrF2ciS9-BJGx5NCui0b0hmMqd78NsObxHL0Y5m1uJi8HIfY67x_SaaQaga5sjWvuPW4A/s1343/awan%20kumulus.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS86mtaNUoLNVC8jXwSD54JGab_omGM5Adbi7k0NQ6KcKjeH1BiIc0SC9yxdVRjX7_BEmLwgkUBk-Xu4q5b4nCaIuez3nx7RYF0mgANDROAGB0cAMG9OvN9olrF2ciS9-BJGx5NCui0b0hmMqd78NsObxHL0Y5m1uJi8HIfY67x_SaaQaga5sjWvuPW4A/s170/awan%20kumulus.JPG&quot; style=&quot;border-radius: 8px;&quot; /&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW-pnXC1xubxQBp-KEjlNfa7KU1GM1kVu9HTAd4m6c1gLAR2kYeZoeeL8WLkP39BKhwx3MkHWBpLfDDzhoKxu7Xdchxq_1rxND93H1pG5b2BEv3Lk1-RHmqtsKq6kwMWdiVyByjgrcH9ylM6Ka0xrVqNp20DpbOFj5UqyxDGct0UCcMlqhRKtoUK766R4/s1292/Ahujan.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW-pnXC1xubxQBp-KEjlNfa7KU1GM1kVu9HTAd4m6c1gLAR2kYeZoeeL8WLkP39BKhwx3MkHWBpLfDDzhoKxu7Xdchxq_1rxND93H1pG5b2BEv3Lk1-RHmqtsKq6kwMWdiVyByjgrcH9ylM6Ka0xrVqNp20DpbOFj5UqyxDGct0UCcMlqhRKtoUK766R4/s170/Ahujan.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHQGAn10rspRDeGRVF5ZlCk_bFAAc2q6rqYNITvnR931Zx6SN1zCij1-iBuHDDlVag_d1E4041Ng3kJIccTx_BwhmC8R7jWC8cdW8owhVEi_UJXdKgdHnnRiWgxI4ZoO6y33mGuezMGZPmo3WW3vGPzXL1tTXbOYEEfw00TlYCLUVXrQLZ08edWy-FJLc/s1320/o%20di%20mana.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHQGAn10rspRDeGRVF5ZlCk_bFAAc2q6rqYNITvnR931Zx6SN1zCij1-iBuHDDlVag_d1E4041Ng3kJIccTx_BwhmC8R7jWC8cdW8owhVEi_UJXdKgdHnnRiWgxI4ZoO6y33mGuezMGZPmo3WW3vGPzXL1tTXbOYEEfw00TlYCLUVXrQLZ08edWy-FJLc/s170/o%20di%20mana.JPG&quot; style=&quot;border-radius: 14px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ2lSkCFjmoJ1E-ZUV_9t410y3sdsHmpigpFYb0DFVq9T0qIL0suBgbdC3ij0okO9g4E8WWsshphm_uKjpDYdrTbwWwqM2-WwfGldrTHwk-MJWSBk8BiTNgFzbeT7f0brvbxV6kIBVLYmYitQH7o-5rrrdN6dKwsKjo3lqU8daOEZrtFUdIgd-4GZS4fE/s1337/DS%20pantai%20klebang%202.JPG&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ2lSkCFjmoJ1E-ZUV_9t410y3sdsHmpigpFYb0DFVq9T0qIL0suBgbdC3ij0okO9g4E8WWsshphm_uKjpDYdrTbwWwqM2-WwfGldrTHwk-MJWSBk8BiTNgFzbeT7f0brvbxV6kIBVLYmYitQH7o-5rrrdN6dKwsKjo3lqU8daOEZrtFUdIgd-4GZS4fE/s170/DS%20pantai%20klebang%202.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSgh0mgoyW3-k6QxcQX0Nxl9fWLcUaPDjh_1v3T9vQyzHh4zBIbVayJFi24u7TcTOH42R3yLmJixKnQkYDlc6j-GpEu3TiqbTtNsZhazZTFozkJQlewN14uKzXI7GPz5F4Xlj1cO00jeVimlNI1xJqa_nDyS_0F9lDSd--A3yRdQxq_5W9a72Hckd_qgk/s1191/D%20pantai%20klebang.JPG&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSgh0mgoyW3-k6QxcQX0Nxl9fWLcUaPDjh_1v3T9vQyzHh4zBIbVayJFi24u7TcTOH42R3yLmJixKnQkYDlc6j-GpEu3TiqbTtNsZhazZTFozkJQlewN14uKzXI7GPz5F4Xlj1cO00jeVimlNI1xJqa_nDyS_0F9lDSd--A3yRdQxq_5W9a72Hckd_qgk/s170/D%20pantai%20klebang.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsqToRBTHkBj3V1GSpIwUEla1zdjJ1GiI__qI61UwGKUHIJ21Qp7e5agU3B98p-boVjAxWip0PYVlq6aFVl_vMI3a28Jnq9CQqT9sWxHHAdpkzMs9aOiZgUoNnxLnKPQ0w0blUogY35LCtVQMBzo-NtR14pkMyCZBWglPV32CJSc85eKySPHrwuqwzKemJ/s1259/bukan%20pencakar%20langit.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsqToRBTHkBj3V1GSpIwUEla1zdjJ1GiI__qI61UwGKUHIJ21Qp7e5agU3B98p-boVjAxWip0PYVlq6aFVl_vMI3a28Jnq9CQqT9sWxHHAdpkzMs9aOiZgUoNnxLnKPQ0w0blUogY35LCtVQMBzo-NtR14pkMyCZBWglPV32CJSc85eKySPHrwuqwzKemJ/s170/bukan%20pencakar%20langit.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUrYQP6zveKh2X539vcL9JeW4FA-UMbUTR89ceDGfgeG7UNvNstsBF5860dqjTgyg6LzT9B48ce4LWn51_pZtLo_MIXvtU6QVFuc8m2JOq_xzWGwfwZX_T_1nS_6xvfw0p2cro-iDfvsfvd1UUHGvmJGeks0WIIerz2coLhnoIz0Zw91xo8-PMGRQP2fw/s1320/D%20muzium%20negara.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUrYQP6zveKh2X539vcL9JeW4FA-UMbUTR89ceDGfgeG7UNvNstsBF5860dqjTgyg6LzT9B48ce4LWn51_pZtLo_MIXvtU6QVFuc8m2JOq_xzWGwfwZX_T_1nS_6xvfw0p2cro-iDfvsfvd1UUHGvmJGeks0WIIerz2coLhnoIz0Zw91xo8-PMGRQP2fw/s170/D%20muzium%20negara.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4NdjJJCF1FD7EiYmnDtwo-AsQcYWa5NcsY1DuTVNO9T5j9oPSrZDNMUsnIYWOQHoWXeJ_uBe0fLzrAOqh_jyyFUKgQRqs5SvOEisbX52mr1ph5Bo50oxfnbFd7V1G_mAXFnshErlO6PBoV-YJJ9xXIjdv2qRgn250EZoeloCxbPYYT6DnZ7xvWAKXJxs/s1189/Drama%20Korea.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4NdjJJCF1FD7EiYmnDtwo-AsQcYWa5NcsY1DuTVNO9T5j9oPSrZDNMUsnIYWOQHoWXeJ_uBe0fLzrAOqh_jyyFUKgQRqs5SvOEisbX52mr1ph5Bo50oxfnbFd7V1G_mAXFnshErlO6PBoV-YJJ9xXIjdv2qRgn250EZoeloCxbPYYT6DnZ7xvWAKXJxs/s170/Drama%20Korea.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiclXWwoPa9S9ALtfYxohoEA2Mk95GZDK-op8PMvnb7v5rpU-A858r9rfigflIcdZyM0zGITYqKZCRUSA72KNOtjQL15P1RshPhURrzdsYzZ3Mx4Yt6mOH89SpPZsJCxCwQF3qOHvtBc0vrbhsAyBEvyZkBUVY0vDrnTlwMZQh8L9X4Jqi86nVRMo65kvM/s1124/aerial%20tinggi.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiclXWwoPa9S9ALtfYxohoEA2Mk95GZDK-op8PMvnb7v5rpU-A858r9rfigflIcdZyM0zGITYqKZCRUSA72KNOtjQL15P1RshPhURrzdsYzZ3Mx4Yt6mOH89SpPZsJCxCwQF3qOHvtBc0vrbhsAyBEvyZkBUVY0vDrnTlwMZQh8L9X4Jqi86nVRMo65kvM/s170/aerial%20tinggi.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnljyKgaAm15uWOPhG-FfwD5TZcMi8DBVhlMQfFAJWmwP4sW_4V5WDRJBqHHymtMicdcrh0cQOSje6OQM6i57FTaeps4Zes43Z-x7fBnx_NzQHS5UYL2cxg1wh0Ix6nq8jTrhOam4zv1BS8DMH3wwslR9bRfz4mA7ptmxKOY02ROIxGTWpTuYo8qoimU/s1320/DSC0%20m%20tsesat%20d%20hutan.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhnljyKgaAm15uWOPhG-FfwD5TZcMi8DBVhlMQfFAJWmwP4sW_4V5WDRJBqHHymtMicdcrh0cQOSje6OQM6i57FTaeps4Zes43Z-x7fBnx_NzQHS5UYL2cxg1wh0Ix6nq8jTrhOam4zv1BS8DMH3wwslR9bRfz4mA7ptmxKOY02ROIxGTWpTuYo8qoimU/s170/DSC0%20m%20tsesat%20d%20hutan.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguDmCwqsOI9gj8DiDKVzYztLsXIG3yQUpwMuQcBHDk7HgwM2eg0YWxVYLKo6rorffF61iJL2yQcmmVDgdj1JGk9w7JIg5FbPdcmjg1rL6C1uHKE1tBtuLYEnT0QLpS_23oyjDioqenpOEsnjkY4v-iQH8yHQ6LYdzjA8czv33WzU7cgsjirrnT9LlVwPM/s1460/IMG%20jika%20ianya%20lukisan.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguDmCwqsOI9gj8DiDKVzYztLsXIG3yQUpwMuQcBHDk7HgwM2eg0YWxVYLKo6rorffF61iJL2yQcmmVDgdj1JGk9w7JIg5FbPdcmjg1rL6C1uHKE1tBtuLYEnT0QLpS_23oyjDioqenpOEsnjkY4v-iQH8yHQ6LYdzjA8czv33WzU7cgsjirrnT9LlVwPM/s170/IMG%20jika%20ianya%20lukisan.JPG&quot; style=&quot;border-radius: 8px&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4kI57ZpT86ChciBVAyPLtOPRg7WlFFjhIHWPKNpWrHMDC_ug8oDYpbCEeymZSYnAXD6rdgGBEfM52b9mDmJimkquyM4EZMrXgtYdpjA6EaLfkcUTlsFndhbVkpr1ttUsLIfcVbprGVUAhlY7TjVSQyJHSsrjiyzl_JKv3sWMQr9WQFmoQtFjBSB_Lxu0/s880/DSC059%20jmbp.JPG&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4kI57ZpT86ChciBVAyPLtOPRg7WlFFjhIHWPKNpWrHMDC_ug8oDYpbCEeymZSYnAXD6rdgGBEfM52b9mDmJimkquyM4EZMrXgtYdpjA6EaLfkcUTlsFndhbVkpr1ttUsLIfcVbprGVUAhlY7TjVSQyJHSsrjiyzl_JKv3sWMQr9WQFmoQtFjBSB_Lxu0/s136/DSC059%20jmbp.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-106q7ZPKPzxI_5668bTdmnTc_9Vqx7s4X6op3_WL7rezyXxU_xJZ_xHNMgl8rcoJnRSPftiwJdCf8qjv6ONJXmVP3nOIjCBSekixuvKryVWNIPkjkOsx_SRxjjgQxHitM0hzWYQr3AtEd9wfyMRdxz6UZ0uRQzNndwuUnY8G-_AS2jv1u13jf1RbntQ/s1280/DSC059%20j%20kedua%20m.JPG&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-106q7ZPKPzxI_5668bTdmnTc_9Vqx7s4X6op3_WL7rezyXxU_xJZ_xHNMgl8rcoJnRSPftiwJdCf8qjv6ONJXmVP3nOIjCBSekixuvKryVWNIPkjkOsx_SRxjjgQxHitM0hzWYQr3AtEd9wfyMRdxz6UZ0uRQzNndwuUnY8G-_AS2jv1u13jf1RbntQ/s170/DSC059%20j%20kedua%20m.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghkNC4V3j_jtiJWhW6PtGSPYwiBjQHmIIgzwXiiV866wbbYhHm56keB5Lq_X5_EMYfkimu0kLnzHzI84ZmUxDQqIp49Rn4sbaZ84VutO1Amxrvj8dLs2t1X9HA5pjWgSSN29W_YEAlp0zwzvCCddr7uPQvVL-_amOClXUviO9hXFGiAdWV1r82Z5Cr6d0/s1293/DSC%20selepas%20tragedi.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghkNC4V3j_jtiJWhW6PtGSPYwiBjQHmIIgzwXiiV866wbbYhHm56keB5Lq_X5_EMYfkimu0kLnzHzI84ZmUxDQqIp49Rn4sbaZ84VutO1Amxrvj8dLs2t1X9HA5pjWgSSN29W_YEAlp0zwzvCCddr7uPQvVL-_amOClXUviO9hXFGiAdWV1r82Z5Cr6d0/s170/DSC%20selepas%20tragedi.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiImD8ieGA6CotCGdKx0En18gRu5yfQal7Q6wQwS4MqQzH7TANHgVzekcYuqaKBjur47VkCEPFjhBJJx6Nt94w4WFmRdSoQgq52UU9LYq2tGru5XhMERHjS-z9QC76XMaOy_gIlIqDw4i8nQlbSnhQv9t0rjGpdoUz1LkEt1oS6eq0DoczjRJ0KloijRxk/s1320/DSC0%20bersiap-siap.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiImD8ieGA6CotCGdKx0En18gRu5yfQal7Q6wQwS4MqQzH7TANHgVzekcYuqaKBjur47VkCEPFjhBJJx6Nt94w4WFmRdSoQgq52UU9LYq2tGru5XhMERHjS-z9QC76XMaOy_gIlIqDw4i8nQlbSnhQv9t0rjGpdoUz1LkEt1oS6eq0DoczjRJ0KloijRxk/s170/DSC0%20bersiap-siap.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjyIpo-r0JWiQ4Y1OidmFy7z4nmu_loYoOC5Z-nwzDMe8_wUALWfE2Q0qbM67sRMG3NbWrzePGCAZat5wrBhJhvptJQF4-Er2yEFbj09Uk56LFKKZGg_l-6y_y3aZBnJEmYaqzVNFl0I05xR30tr_MKyD2NnS5xE8eTDYbVJMdiOTqBYPlOaduC3PIcII/s1340/DSC04%20indah%20w%20berlumpur.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjyIpo-r0JWiQ4Y1OidmFy7z4nmu_loYoOC5Z-nwzDMe8_wUALWfE2Q0qbM67sRMG3NbWrzePGCAZat5wrBhJhvptJQF4-Er2yEFbj09Uk56LFKKZGg_l-6y_y3aZBnJEmYaqzVNFl0I05xR30tr_MKyD2NnS5xE8eTDYbVJMdiOTqBYPlOaduC3PIcII/s170/DSC04%20indah%20w%20berlumpur.JPG&quot; style=&quot;border-radius: 8px&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAKLD5YD4xQmPDxDtm1MPLFoPvNpQGwSN8yo9Z5MsvyMjZhhsXDWMo71yi1a1zqLyIlVpxUQJOKpG1zFgLUsQeVQWQJBQqv9S8ZItW-yPg9PPfp9_X2K8Ob1QJ-YMP5ES1vn7NKNfGhrZwEdKX4kU_ybAikg-LyyVfoTCW3GNLiQAwNUMZ98AhyztYyvM/s1320/DSC066%20t%20jauh.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAKLD5YD4xQmPDxDtm1MPLFoPvNpQGwSN8yo9Z5MsvyMjZhhsXDWMo71yi1a1zqLyIlVpxUQJOKpG1zFgLUsQeVQWQJBQqv9S8ZItW-yPg9PPfp9_X2K8Ob1QJ-YMP5ES1vn7NKNfGhrZwEdKX4kU_ybAikg-LyyVfoTCW3GNLiQAwNUMZ98AhyztYyvM/s170/DSC066%20t%20jauh.JPG&quot; style=&quot;border-radius: 8px;&quot; /&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyHqzZmxXh9wE6kW1_lyTigptojPQzDYCWMCeNrmcPi_KJdqPtKhEHPOEWCv4N4TslVfyL82W9G9qv4Ow0rhWsp7x_sljmB9c9Aiku8Fcm7yZ2H4xY69IVVct4OH6lL6Lhg96v6E6sqLDbvR9fQGop1D01G9lt40f2F38ixkUfHYflAVDdijG-r5bUkEs/s1070/DSC%20rehat.JPG&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyHqzZmxXh9wE6kW1_lyTigptojPQzDYCWMCeNrmcPi_KJdqPtKhEHPOEWCv4N4TslVfyL82W9G9qv4Ow0rhWsp7x_sljmB9c9Aiku8Fcm7yZ2H4xY69IVVct4OH6lL6Lhg96v6E6sqLDbvR9fQGop1D01G9lt40f2F38ixkUfHYflAVDdijG-r5bUkEs/s170/DSC%20rehat.JPG&quot; style=&quot;border-radius: 8px&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJIaTGNmn05dR6G1rQsusgnJob_Eb3zIHyzP0YuuicJwcULfFwib2yj-Dy0ZCTMDNZ7TYXrls5-IYONuaqn6obCsRKacs15kvulgVX6Bsq3ZMMOF_diSqaInVXVhhB0Qvuw3rgxK2WL8J4yuWVDYDi4OTPXalpuPNfcGAfMuurv_47GEIC5WQf0rPT_JQ/s1100/DSC0%20seram.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJIaTGNmn05dR6G1rQsusgnJob_Eb3zIHyzP0YuuicJwcULfFwib2yj-Dy0ZCTMDNZ7TYXrls5-IYONuaqn6obCsRKacs15kvulgVX6Bsq3ZMMOF_diSqaInVXVhhB0Qvuw3rgxK2WL8J4yuWVDYDi4OTPXalpuPNfcGAfMuurv_47GEIC5WQf0rPT_JQ/s170/DSC0%20seram.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpFRQ-MIVtOp3FVZ1tvzvAIf0GdARM9BCSwYsU8ZZ9WOHz1Rt5ZsTt4restTXaC5e2Ea28qP8T7z7kVr7vGUM-gFTJuSkXvcepbx4OuiCo55U36RMkC7GxqzE8aiJMJYJ8gc1lgNwm0KVyLe1-rVCq8ZZD9WJcNXFHZjggVyMlbFv5fVkKIaysownUI5Q/s1320/DS%20ada%20kesahnya.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpFRQ-MIVtOp3FVZ1tvzvAIf0GdARM9BCSwYsU8ZZ9WOHz1Rt5ZsTt4restTXaC5e2Ea28qP8T7z7kVr7vGUM-gFTJuSkXvcepbx4OuiCo55U36RMkC7GxqzE8aiJMJYJ8gc1lgNwm0KVyLe1-rVCq8ZZD9WJcNXFHZjggVyMlbFv5fVkKIaysownUI5Q/s170/DS%20ada%20kesahnya.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyIrSLQt9GRs1w4sH-P1yJUrLT5gizMTD4fYUDnc_8ZMk_EUyzcgfLkaYu4mzIGpz68jSaNAn6-Q5T7D55FI6X82xi0V2460lKq0T35topNe9D23JPc_NmXamcYqZIMXDpdcSE6WE22tCyo_5STMO1xymEn-5fLf13MoKDhkJQ83OpmLKkZtMDAExFUk/s1200/DSC0%20tgk%20ke%20tg%20emas.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzyIrSLQt9GRs1w4sH-P1yJUrLT5gizMTD4fYUDnc_8ZMk_EUyzcgfLkaYu4mzIGpz68jSaNAn6-Q5T7D55FI6X82xi0V2460lKq0T35topNe9D23JPc_NmXamcYqZIMXDpdcSE6WE22tCyo_5STMO1xymEn-5fLf13MoKDhkJQ83OpmLKkZtMDAExFUk/s136/DSC0%20tgk%20ke%20tg%20emas.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6UNVe8_fx18P3wlI2XdevgTDnbqiw9P5bMGmeDtnkJetGpDazhycDkfzJyTwJu5DZzA1seMWAEQNrFJ7P9Rsq5J65PxSUk7feiUj2FAB4eVZ5hFEHbqgan2ckFucbBYAXtunoa9uEPy7_SMKACa-ppPiv_QLEv-mn0crk1qC_d4qoPbAPBMHwfUrFKp0/s1116/DS%20mc%20matahari.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6UNVe8_fx18P3wlI2XdevgTDnbqiw9P5bMGmeDtnkJetGpDazhycDkfzJyTwJu5DZzA1seMWAEQNrFJ7P9Rsq5J65PxSUk7feiUj2FAB4eVZ5hFEHbqgan2ckFucbBYAXtunoa9uEPy7_SMKACa-ppPiv_QLEv-mn0crk1qC_d4qoPbAPBMHwfUrFKp0/s170/DS%20mc%20matahari.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;
  &lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicwITIqLd-bw-gQpGM1RSQ2Q2EKtrVpO5UYvQM1lVLegBohSa9Sojgyrhk6OkRHkZUZb6eyaIrAP9byGLsbsFY3ZqvJlddgr1acSqMlKcKyv1-SIF1KLnhbJSfBKz454qO0LOAjsMv9nLs13asmlaTjMr2YYgufC9leM9CGqQfmTenyluVQK95Ija5tgE/s1320/DSC%20muara.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicwITIqLd-bw-gQpGM1RSQ2Q2EKtrVpO5UYvQM1lVLegBohSa9Sojgyrhk6OkRHkZUZb6eyaIrAP9byGLsbsFY3ZqvJlddgr1acSqMlKcKyv1-SIF1KLnhbJSfBKz454qO0LOAjsMv9nLs13asmlaTjMr2YYgufC9leM9CGqQfmTenyluVQK95Ija5tgE/s170/DSC%20muara.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;&lt;/div&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2023/11/album-lakgambarje-2-koleksi-foto-dari.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEUB5oZH3kHA8SXFwSV0k0QDGafBqJhQwvgK6xqbVbSHNAB2eCE05GGW0BeO8m1a5F0_8urxm10_C86lMvwk7UzfYK1vZXm2qZLvCBjvWYVMYfnWAyTBPVJb8DlBeFMbgCmgGctyD7dEiFYd_GKDpkxZlOuhca9WFsLlGZ-jbz914JK7LsvGhmDWWB/s72-c/img%20atas.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-3332815829604484593</guid><pubDate>Sat, 24 Feb 2024 23:29:00 +0000</pubDate><atom:updated>2024-02-27T01:06:11.932+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">aneh</category><category domain="http://www.blogger.com/atom/ns#">AS</category><category domain="http://www.blogger.com/atom/ns#">berita</category><category domain="http://www.blogger.com/atom/ns#">Kesihatan</category><category domain="http://www.blogger.com/atom/ns#">luar biasa</category><category domain="http://www.blogger.com/atom/ns#">penyakit</category><title>Doktor keluarkan 150 pepijat hidup dari hidung</title><description>&lt;style&gt;
body {
  background: linear-gradient(170deg, #fce5cd, #cfe2f3, #fafafa);   
  background-attachment: fixed;
}
  .item-view .post-wrapper {
background: rgba(249, 249, 249, 0.75);
}
&lt;/style&gt;
&lt;b&gt;Berpuluh-puluh larva dilaporkan memakan hidung dan rongga sinus seorang lelaki — ada yang sebesar hujung kelingking&lt;/b&gt;&lt;br/&gt;
&lt;br/&gt;
Seorang lelaki Florida kini boleh bernafas lega setelah 150 pepijat hidup telah dikeluarkan dari hidungnya.&lt;br/&gt;
&lt;br/&gt;
Pesakit yang tidak dikenali itu pergi ke hospital awal bulan ini selepas menyedari bahawa seluruh mukanya terasa seperti terbakar, menurut laporan.&lt;br/&gt;
&lt;br/&gt;
&quot;Lebih beberapa jam muka saya baru mula bengkak, bibir saya membengkak, saya sukar bercakap,&quot; kata pesakit itu kepada First Coast News. &quot;Saya tidak boleh bangun untuk ke bilik air tanpa hidung saya mula berdarah.&quot;&lt;br/&gt;
&lt;br/&gt;
Lelaki itu melawat Hospital Memorial HCA Florida di Jacksonville dan bertemu dengan Dr. David Carlson. Carlson terkejut apabila dia melihat ke dalam hidung lelaki itu dengan kamera. Dia melihat berpuluh-puluh pepijat memakan hidung dan rongga sinus lelaki tersebut.&lt;br/&gt;
&lt;br/&gt;
&quot;Saya tahu dia menghadapi masalah besar, terdapat hakisan yang berlaku berhampiran dasar tengkorak dalam jarak yang sangat dekat dengan mata dan otaknya,&quot; kata Carlson.&lt;br/&gt;
&lt;br/&gt;
Pada mulanya, doktor cuba menggunakan alat sedutan untuk mengeluarkan serangga, yang berada di peringkat larva. Tetapi mereka terlalu besar, jadi dia terpaksa mengeluarkannya satu persatu dari hidung lelaki itu.&lt;br/&gt;
&lt;br/&gt;
&quot;Mereka betul-betul hampir dengan pangkalan tengkoraknya, betul-betul di bawah otak. Sekiranya mereka melampauinya, ia boleh membunuhnya,&quot; kata Carlson.&lt;br/&gt;
&lt;br/&gt;
&lt;div style=&quot;color: #777; font: italic 400 12px Merriweather, Georgia, serif; margin-bottom: 6px;&quot;&gt;Imej video boleh menggangu. Lihat dengan risiko sendiri (GRAPHIC IMAGES)&lt;/div&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/SIFZARM9wtE?si=HHe-2cYth3LD3iZl&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;
&lt;br/&gt;
Pepijat yang dikeluarkan dari hidung itu telah dihantar kepada ahli epidemiologi untuk menentukan spesies mereka. Pesakit dijangka pulih sepenuhnya.&lt;br/&gt;
&lt;br/&gt;
Ia masih menjadi misteri bagaimana larva masuk ke dalam hidung lelaki itu, tetapi lelaki berkenaan memberitahu bahawa masalah itu mungkin berpunca daripada tabiat kebersihan yang buruk ketika mengendalikan ikan mati.&lt;br/&gt;
&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/02/doktor-keluarkan-150-pepijat-hidup-dari.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/SIFZARM9wtE/default.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-2535127936847724159</guid><pubDate>Mon, 19 Feb 2024 23:23:00 +0000</pubDate><atom:updated>2024-02-24T02:29:24.715+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">animasi</category><category domain="http://www.blogger.com/atom/ns#">bagaimana</category><category domain="http://www.blogger.com/atom/ns#">css</category><category domain="http://www.blogger.com/atom/ns#">marquee</category><title>Skrin kenyataan ringkas  guna CSS</title><description>&lt;div class=&quot;labu&quot;&gt;
  &lt;div class=&quot;bks&quot;&gt;  
  &lt;div class=&quot;gerak&quot;&gt;
    &lt;div class=&quot;gerak_pdr&quot; aria-hidden=&quot;true&quot;&gt;
      &lt;p class=&quot;gerak_tls&quot;&gt;Ini hanya contoh: Pemberitahuan! ☀ ☁ ☂&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class=&quot;gerak_trg&quot;&gt;
      &lt;p class=&quot;gerak_tls&quot;&gt;Ini hanya contoh: Pemberitahuan! ☀ ☁ ☂&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
  body {
    background: #d3dbd0;
  }
  .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.6);
}
  .labu *, .labu *::before, .labu *::after {
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
}
.labu {
  font-family: Sans-serif;
  background: Green;
  color: #fff;
  font-size: 22px;
}
.bks { 
  padding: 1em 1em;  
}
.gerak {
  position: relative;
  width: 100%;
  height: 2em;
  font-size: 4em;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.gerak_tls {
  position: absolute;
  min-width: 100%;
  white-space: nowrap;
  -webkit-animation: kkiri 20s infinite linear;
          animation: kkiri 20s infinite linear;
}
@-webkit-keyframes kkiri {
  from {
    translate: 80%;
  }
  to {
    translate: -80%;
  }
}
@keyframes kkiri {
  from {
    translate: 80%;
  }
  to {
    translate: -80%;
  }
}
.gerak_pdr {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background-color: Green;
  background-image: linear-gradient(to right, Black, 1rem, transparent 50%), linear-gradient(to left, Black, 1rem, transparent 50%);
  filter: contrast(3);
}
.gerak_pdr p {
  filter: blur(0.07em);
}
.gerak_trg {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
&lt;/style&gt;&lt;br/&gt;
&lt;button onclick=&quot;if(document.getElementById(&#39;cb01&#39;) .style.display==&#39;none&#39;) {document.getElementById(&#39;cb01&#39;).style.display=&#39;&#39;}else{document.getElementById(&#39;cb01&#39;) .style.display=&#39;none&#39;}&quot; type=&quot;button&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Lihat teks HTML&lt;/span&gt;&lt;/button&gt;&lt;br /&gt;
&lt;div id=&quot;cb01&quot; style=&quot;background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); font: small Courier; padding: 10px; display: none;&quot;&gt;
  &amp;lt;div class=&quot;labu&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;div class=&quot;bks&quot;&amp;gt;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;lt;div class=&quot;gerak&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;gerak_pdr&quot; aria-hidden=&quot;true&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;p class=&quot;gerak_tls&quot;&amp;gt;Ini hanya contoh: Pemberitahuan! ☀ ☁ ☂&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;gerak_trg&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;p class=&quot;gerak_tls&quot;&amp;gt;Ini hanya contoh: Pemberitahuan! ☀ ☁ ☂&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&amp;nbsp; .labu *, .labu *::before, .labu *::after {&lt;br /&gt;&amp;nbsp; padding: 0;&lt;br /&gt;&amp;nbsp; margin: 0 auto;&lt;br /&gt;&amp;nbsp; box-sizing: border-box;&lt;br /&gt;}&lt;br /&gt;.labu {&lt;br /&gt;&amp;nbsp; font-family: Sans-serif;&lt;br /&gt;&amp;nbsp; background: Green;&lt;br /&gt;&amp;nbsp; color: #fff;&lt;br /&gt;&amp;nbsp; font-size: 22px;&lt;br /&gt;}&lt;br /&gt;.bks {&amp;nbsp;&lt;br /&gt;&amp;nbsp; padding: 1em 1em;&amp;nbsp;&amp;nbsp;&lt;br /&gt;}&lt;br /&gt;.gerak {&lt;br /&gt;&amp;nbsp; position: relative;&lt;br /&gt;&amp;nbsp; width: 100%;&lt;br /&gt;&amp;nbsp; height: 2em;&lt;br /&gt;&amp;nbsp; font-size: 4em;&lt;br /&gt;&amp;nbsp; display: grid;&lt;br /&gt;&amp;nbsp; place-items: center;&lt;br /&gt;&amp;nbsp; overflow: hidden;&lt;br /&gt;}&lt;br /&gt;.gerak_tls {&lt;br /&gt;&amp;nbsp; position: absolute;&lt;br /&gt;&amp;nbsp; min-width: 100%;&lt;br /&gt;&amp;nbsp; white-space: nowrap;&lt;br /&gt;&amp;nbsp; -webkit-animation: kkiri 20s infinite linear;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation: kkiri 20s infinite linear;&lt;br /&gt;}&lt;br /&gt;@-webkit-keyframes kkiri {&lt;br /&gt;&amp;nbsp; from {&lt;br /&gt;&amp;nbsp; &amp;nbsp; translate: 80%;&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; to {&lt;br /&gt;&amp;nbsp; &amp;nbsp; translate: -80%;&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;@keyframes kkiri {&lt;br /&gt;&amp;nbsp; from {&lt;br /&gt;&amp;nbsp; &amp;nbsp; translate: 80%;&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; to {&lt;br /&gt;&amp;nbsp; &amp;nbsp; translate: -80%;&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;.gerak_pdr {&lt;br /&gt;&amp;nbsp; position: absolute;&lt;br /&gt;&amp;nbsp; inset: 0;&lt;br /&gt;&amp;nbsp; display: grid;&lt;br /&gt;&amp;nbsp; place-items: center;&lt;br /&gt;&amp;nbsp; background-color: Green;&lt;br /&gt;&amp;nbsp; background-image: linear-gradient(to right, Black, 1rem, transparent 50%), linear-gradient(to left, Black, 1rem, transparent 50%);&lt;br /&gt;&amp;nbsp; filter: contrast(3);&lt;br /&gt;}&lt;br /&gt;.gerak_pdr p {&lt;br /&gt;&amp;nbsp; filter: blur(0.07em);&lt;br /&gt;}&lt;br /&gt;.gerak_trg {&lt;br /&gt;&amp;nbsp; position: absolute;&lt;br /&gt;&amp;nbsp; inset: 0;&lt;br /&gt;&amp;nbsp; display: grid;&lt;br /&gt;&amp;nbsp; place-items: center;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br/&gt;&lt;div align=&quot;center&quot;&gt;&lt;button onclick=&quot;if(document.getElementById(&#39;cb01&#39;) .style.display==&#39;none&#39;) {document.getElementById(&#39;cb01&#39;).style.display=&#39;&#39;}else{document.getElementById(&#39;cb01&#39;) .style.display=&#39;none&#39;}&quot; type=&quot;button&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Tutup&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;
&lt;br/&gt;
&lt;div style=&quot;color: #737373; font: italic 400 12px Merriweather, Georgia, serif; margin-bottom: 6px; max-width: 400px; padding-left: 6px;&quot;&gt;Rujukan CSS di codepen.io/amit_sheen/pen/wvORNYm&lt;/div&gt;</description><link>https://orandableg.blogspot.com/2024/02/papan-kenyataan-ringkas-css.html</link><author>noreply@blogger.com (Orandableg)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-2534543260832247586</guid><pubDate>Fri, 16 Feb 2024 21:00:00 +0000</pubDate><atom:updated>2024-02-22T02:16:08.570+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">bagaimana</category><category domain="http://www.blogger.com/atom/ns#">corak latar belakang</category><category domain="http://www.blogger.com/atom/ns#">css</category><title>Clb (17)</title><description>&lt;style&gt;
  body, #labi {
	--sz: 20px;
	--c0: #ffffff00;
	--c1: #bdd0e1;
	--c2: #cfcfcf;
	--c3: #def;
	--ts: 50%/ calc(var(--sz) * 13.25) calc(var(--sz) * 11.7);	
	background:
		repeating-conic-gradient(#3b354730 0.000001%, var(--c0) 0.00005%, var(--c0) 0.00035%, var(--c0) 0.00005%) var(--ts),
		repeating-conic-gradient(#35638b59 0.00002%, var(--c0) 0.00008%, var(--c0) 0.0008%, var(--c0) 0.00008%) var(--ts),
		repeating-linear-gradient(90deg, var(--c0) 0 24.33%, var(--c3) 0 25%) var(--ts),
		linear-gradient(210deg, var(--c0) 0 80%, var(--c3) calc(80% + 1px) 80.5%, var(--c0) calc(80.5% + 1px) 100%) var(--ts),
		conic-gradient(from -90deg at 49.75% 100%, var(--c1) 0 30deg, var(--c0) 0 150deg, var(--c2) 0 60deg) var(--ts),
		conic-gradient(from -180deg at 24.5% 50.5%, var(--c1) 0 119deg, var(--c0) 0 100%) var(--ts),
		conic-gradient(from 120deg at 74.5% 50%, var(--c3) 0 120deg, var(--c0) 0 100%) var(--ts),
		conic-gradient(from 180deg at 49.5% 34%, var(--c2) 0 60deg, var(--c0) 0 100%) var(--ts),
		conic-gradient(from -120deg at 50% 34%, var(--c3) 0 60deg, var(--c0) 0 100%) var(--ts),
		conic-gradient(from 0deg at 74.5% 17.5%, var(--c2) 0 60deg, var(--c3) 0 121deg, var(--c0) 0 100%) var(--ts),
		linear-gradient(150deg, var(--c0) 0 40%, var(--c3) calc(40% + 1px) 40.5%, var(--c0) calc(40.5% + 1px) 100%) var(--ts),
		linear-gradient(90deg, var(--c0) 0 50%, var(--c2) 0 75%, var(--c0) 0 100%) var(--ts),
		repeating-linear-gradient(90deg, var(--c1) 0 24.33%, var(--c3) 0 25%) var(--ts);
    background-attachment: fixed;
}
  .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.5);
}
&lt;/style&gt;
&lt;b&gt;Corak Latar Belakang&lt;/b&gt;&lt;br/&gt;
&lt;div style=&quot;color: #737373; font: italic small Arial; margin-bottom: 6px;&quot;&gt;Demo (telus ke latar belakang)&lt;/div&gt;
&lt;div id=&quot;labi&quot; style=&quot;width: 100%; height: 600px;&quot;&gt;&lt;/div&gt;&lt;br/&gt;
Teks HTML &lt;br/&gt;
&lt;div style=&quot;background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); font: small Courier; padding: 10px;&quot;&gt;
  &amp;lt;style&amp;gt;&lt;br /&gt;&amp;nbsp; body {&lt;br /&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;--sz: 20px;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;--c0: #ffffff00;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;--c1: #bdd0e1;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;--c2: #cfcfcf;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;--c3: #def;&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;--ts: 50%/ calc(var(--sz) * 13.25) calc(var(--sz) * 11.7);&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;	&lt;/span&gt;background:&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;repeating-conic-gradient(#3b354730 0.000001%, var(--c0) 0.00005%, var(--c0) 0.00035%, var(--c0) 0.00005%) var(--ts),&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;repeating-conic-gradient(#35638b59 0.00002%, var(--c0) 0.00008%, var(--c0) 0.0008%, var(--c0) 0.00008%) var(--ts),&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;repeating-linear-gradient(90deg, var(--c0) 0 24.33%, var(--c3) 0 25%) var(--ts),&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;linear-gradient(210deg, var(--c0) 0 80%, var(--c3) calc(80% + 1px) 80.5%, var(--c0) calc(80.5% + 1px) 100%) var(--ts),&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;conic-gradient(from -90deg at 49.75% 100%, var(--c1) 0 30deg, var(--c0) 0 150deg, var(--c2) 0 60deg) var(--ts),&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;conic-gradient(from -180deg at 24.5% 50.5%, var(--c1) 0 119deg, var(--c0) 0 100%) var(--ts),&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;conic-gradient(from 120deg at 74.5% 50%, var(--c3) 0 120deg, var(--c0) 0 100%) var(--ts),&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;conic-gradient(from 180deg at 49.5% 34%, var(--c2) 0 60deg, var(--c0) 0 100%) var(--ts),&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;conic-gradient(from -120deg at 50% 34%, var(--c3) 0 60deg, var(--c0) 0 100%) var(--ts),&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;conic-gradient(from 0deg at 74.5% 17.5%, var(--c2) 0 60deg, var(--c3) 0 121deg, var(--c0) 0 100%) var(--ts),&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;linear-gradient(150deg, var(--c0) 0 40%, var(--c3) calc(40% + 1px) 40.5%, var(--c0) calc(40.5% + 1px) 100%) var(--ts),&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;linear-gradient(90deg, var(--c0) 0 50%, var(--c2) 0 75%, var(--c0) 0 100%) var(--ts),&lt;br /&gt;&lt;/span&gt;&lt;span style=&quot;white-space: normal;&quot;&gt;&lt;span style=&quot;white-space: pre;&quot;&gt;		&lt;/span&gt;repeating-linear-gradient(90deg, var(--c1) 0 24.33%, var(--c3) 0 25%) var(--ts);&lt;br /&gt;&lt;/span&gt;&amp;nbsp; &amp;nbsp; background-attachment: fixed;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/div&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/02/clb-17.html</link><author>noreply@blogger.com (Orandableg)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-7712930048916339538</guid><pubDate>Thu, 15 Feb 2024 23:01:00 +0000</pubDate><atom:updated>2024-02-16T15:44:19.045+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">berita</category><category domain="http://www.blogger.com/atom/ns#">luar biasa</category><category domain="http://www.blogger.com/atom/ns#">pelik</category><category domain="http://www.blogger.com/atom/ns#">Rekod</category><title>Masukkan batang mancis ke lubang hidung pun jadi rekod</title><description>&lt;style&gt;
  body {
    background: #7992A7;
  }
&lt;/style&gt;
Seorang lelaki Denmark memperoleh gelaran Rekod Dunia Guinness apabila dia berjaya memasukkan 68 batang mancis ke dalam lubang hidungnya.&lt;br/&gt;
&lt;br/&gt;
Peter von Tangen Buskov, 39 tahun, dianugerahkan gelaran untuk pertandingan batang mancis terbanyak dipegang di hidung apabila melepasi jaringan Guinness World Records iaitu sebanyak 45 batang mancis.
&lt;div style=&quot;color: #999; font: italic 400 12px Merriweather, Georgia, serif; margin-top: 5px auto;&quot;&gt;- Ada-ada je ..&lt;/div&gt;&lt;br/&gt;
Lagi rekod di GWR - YouTube,&lt;br/&gt;
&lt;br/&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/0ZCDXrbl9Y8?si=y3TVbXfbn_6UaHrD&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/02/masukkan-batang-mancis-ke-lubang-hidung.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/0ZCDXrbl9Y8/default.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-5000755830826406617</guid><pubDate>Tue, 06 Feb 2024 01:55:00 +0000</pubDate><atom:updated>2024-02-06T09:58:56.442+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">bagaimana</category><category domain="http://www.blogger.com/atom/ns#">bentuk</category><category domain="http://www.blogger.com/atom/ns#">css</category><title>Bentuk terbit guna CSS</title><description>&lt;div style=&quot;height: 40vh;&quot;&gt;
&lt;div class=&quot;labi&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
  body {
    background: #eee;
  }
  .labi {
  position: relative;
  width: 200px;
  height: 200px;
  margin: auto;
  border-radius: 50%;
  background: linear-gradient(0deg, #ea9999 12%, #f4cccc 100%);
}
.labi::after {
  position: absolute;
  left: -120px;
  bottom: -60px;
  display: block;
  content: &#39;&#39;;
  width: 380px;
  height: 140px;
  background: linear-gradient(0deg, rgba(255,255,255,0.3) 70%, rgba(234, 153, 153,.2) 100%);
  backdrop-filter: blur(20px);
  border-radius: 50%;
  transform: rotate(15deg);
  transform-origin: center center;
}
&lt;/style&gt;
&lt;span style=&quot;font-size: small;&quot;&gt;Teks HTML&lt;/span&gt;&lt;br/&gt;
&lt;div id=&quot;cb01&quot; style=&quot;background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); font: small Courier; padding: 10px;&quot;&gt;
  &amp;lt;div style=&quot;height: 40vh;&quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&quot;labi&quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&amp;nbsp; .labi {&lt;br /&gt;&amp;nbsp; position: relative;&lt;br /&gt;&amp;nbsp; width: 200px;&lt;br /&gt;&amp;nbsp; height: 200px;&lt;br /&gt;&amp;nbsp; margin: auto;&lt;br /&gt;&amp;nbsp; border-radius: 50%;&lt;br /&gt;&amp;nbsp; background: linear-gradient(0deg, #ea9999 12%, #f4cccc 100%);&lt;br /&gt;}&lt;br /&gt;.labi::after {&lt;br /&gt;&amp;nbsp; position: absolute;&lt;br /&gt;&amp;nbsp; left: -120px;&lt;br /&gt;&amp;nbsp; bottom: -60px;&lt;br /&gt;&amp;nbsp; display: block;&lt;br /&gt;&amp;nbsp; content: &#39;&#39;;&lt;br /&gt;&amp;nbsp; width: 380px;&lt;br /&gt;&amp;nbsp; height: 140px;&lt;br /&gt;&amp;nbsp; background: linear-gradient(0deg, rgba(255,255,255,0.3) 70%, rgba(234, 153, 153,.2) 100%);&lt;br /&gt;&amp;nbsp; backdrop-filter: blur(20px);&lt;br /&gt;&amp;nbsp; border-radius: 50%;&lt;br /&gt;&amp;nbsp; transform: rotate(15deg);&lt;br /&gt;&amp;nbsp; transform-origin: center center;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/div&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/02/bentuk-terbit-guna-css.html</link><author>noreply@blogger.com (Orandableg)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-9064678346895770161</guid><pubDate>Mon, 05 Feb 2024 17:17:00 +0000</pubDate><atom:updated>2024-02-07T01:28:20.767+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">berita</category><category domain="http://www.blogger.com/atom/ns#">hong kong</category><category domain="http://www.blogger.com/atom/ns#">Rekod</category><category domain="http://www.blogger.com/atom/ns#">sains</category><title>Pelajar Hong Kong bina robot humanoid terkecil di dunia</title><description>&lt;style&gt;
body {
  background: linear-gradient(165deg, #444, #cfe2f3, #cfe2f3, #f9f9f9, #f9f9f9, #f9f9f9);   
  background-attachment: fixed;
}
&lt;/style&gt;
Sekumpulan empat jurutera baru di sebuah sekolah Hong Kong memecahkan Rekod Dunia Guinness apabila mereka membina robot humanoid terkecil di dunia.&lt;br/&gt;
&lt;br/&gt;
Aaron Ho Yat Fung, Isaac Zachary To, Justin Wang Tou Duong dan Ngo Hei Leung, ahli pasukan robotik di Diocesan Boys&#39; School, membina robot berukuran 5.55 inci tinggi, .44 inci lebih pendek daripada pemegang rekod sebelumnya, iaitu dibuat oleh Zain Ahmad Qureshi pada tahun 2022.&lt;br/&gt;
&lt;br/&gt;
Peraturan Guinness World Records untuk kategori robot humanoid terkecil memerlukan automaton itu berkebolehan melakukan pergerakan dwipedal, serta boleh mengutarakan bahu, siku, lutut dan pinggulnya.&lt;br/&gt;
&lt;br/&gt;
Pencipta berkata mereka berharap robot mereka akan berfungsi sebagai alat pendidikan kos rendah untuk pelajar berpendapatan rendah.&lt;br/&gt;
&lt;br/&gt;
&lt;div align=&quot;center&quot;&gt;
  &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/hJeOL4jSkCI?si=372s7N89yqJa6qxJ&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share&quot; allowfullscreen&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/02/pelajar-hong-kong-bina-robot-humanoid.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://img.youtube.com/vi/hJeOL4jSkCI/default.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-4829809159422929967</guid><pubDate>Sun, 04 Feb 2024 23:20:00 +0000</pubDate><atom:updated>2024-02-05T07:25:17.849+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">animasi</category><category domain="http://www.blogger.com/atom/ns#">bagaimana</category><category domain="http://www.blogger.com/atom/ns#">css</category><title>Animasi partikel</title><description>&lt;div style=&quot;margin-bottom: 6px;&quot;&gt;&lt;i&gt;Pamer sahaja&lt;/i&gt;&lt;/div&gt;
&lt;div class=&quot;labu&quot;&gt;
&lt;div class=&quot;center&quot; style=&quot;--total: 1080&quot;&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 2&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 3&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 4&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 5&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 6&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 7&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 8&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 9&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 10&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 11&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 12&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 13&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 14&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 15&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 16&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 17&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 18&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 19&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 20&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 21&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 22&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 23&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 24&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 25&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 26&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 27&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 28&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 29&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 30&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 31&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 32&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 33&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 34&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 35&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 36&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 37&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 38&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 39&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 40&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 41&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 42&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 43&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 44&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 45&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 46&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 47&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 48&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 49&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 50&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 51&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 52&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 53&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 54&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 55&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 56&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 57&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 58&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 59&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 60&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 61&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 62&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 63&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 64&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 65&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 66&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 67&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 68&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 69&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 70&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 71&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 72&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 73&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 74&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 75&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 76&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 77&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 78&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 79&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 80&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 81&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 82&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 83&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 84&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 85&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 86&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 87&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 88&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 89&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 90&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 91&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 92&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 93&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 94&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 95&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 96&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 97&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 98&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 99&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 100&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 101&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 102&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 103&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 104&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 105&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 106&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 107&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 108&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 109&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 110&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 111&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 112&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 113&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 114&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 115&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 116&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 117&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 118&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 119&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 120&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 121&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 122&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 123&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 124&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 125&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 126&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 127&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 128&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 129&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 130&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 131&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 132&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 133&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 134&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 135&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 136&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 137&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 138&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 139&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 140&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 141&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 142&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 143&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 144&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 145&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 146&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 147&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 148&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 149&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 150&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 151&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 152&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 153&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 154&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 155&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 156&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 157&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 158&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 159&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 160&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 161&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 162&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 163&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 164&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 165&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 166&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 167&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 168&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 169&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 170&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 171&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 172&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 173&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 174&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 175&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 176&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 177&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 178&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 179&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 180&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 181&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 182&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 183&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 184&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 185&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 186&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 187&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 188&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 189&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 190&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 191&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 192&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 193&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 194&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 195&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 196&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 197&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 198&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 199&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 200&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 201&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 202&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 203&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 204&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 205&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 206&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 207&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 208&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 209&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 210&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 211&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 212&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 213&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 214&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 215&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 216&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 217&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 218&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 219&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 220&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 221&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 222&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 223&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 224&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 225&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 226&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 227&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 228&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 229&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 230&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 231&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 232&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 233&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 234&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 235&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 236&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 237&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 238&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 239&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 240&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 241&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 242&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 243&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 244&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 245&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 246&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 247&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 248&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 249&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 250&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 251&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 252&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 253&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 254&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 255&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 256&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 257&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 258&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 259&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 260&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 261&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 262&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 263&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 264&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 265&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 266&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 267&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 268&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 269&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 270&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 271&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 272&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 273&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 274&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 275&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 276&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 277&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 278&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 279&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 280&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 281&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 282&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 283&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 284&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 285&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 286&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 287&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 288&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 289&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 290&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 291&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 292&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 293&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 294&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 295&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 296&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 297&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 298&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 299&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 300&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 301&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 302&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 303&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 304&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 305&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 306&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 307&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 308&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 309&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 310&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 311&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 312&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 313&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 314&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 315&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 316&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 317&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 318&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 319&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 320&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 321&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 322&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 323&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 324&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 325&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 326&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 327&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 328&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 329&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 330&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 331&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 332&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 333&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 334&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 335&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 336&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 337&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 338&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 339&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 340&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 341&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 342&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 343&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 344&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 345&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 346&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 347&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 348&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 349&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 350&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 351&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 352&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 353&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 354&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 355&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 356&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 357&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 358&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 359&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 360&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 361&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 362&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 363&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 364&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 365&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 366&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 367&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 368&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 369&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 370&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 371&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 372&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 373&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 374&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 375&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 376&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 377&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 378&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 379&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 380&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 381&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 382&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 383&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 384&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 385&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 386&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 387&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 388&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 389&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 390&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 391&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 392&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 393&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 394&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 395&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 396&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 397&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 398&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 399&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 400&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 401&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 402&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 403&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 404&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 405&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 406&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 407&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 408&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 409&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 410&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 411&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 412&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 413&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 414&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 415&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 416&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 417&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 418&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 419&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 420&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 421&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 422&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 423&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 424&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 425&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 426&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 427&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 428&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 429&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 430&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 431&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 432&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 433&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 434&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 435&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 436&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 437&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 438&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 439&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 440&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 441&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 442&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 443&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 444&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 445&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 446&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 447&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 448&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 449&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 450&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 451&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 452&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 453&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 454&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 455&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 456&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 457&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 458&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 459&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 460&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 461&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 462&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 463&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 464&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 465&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 466&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 467&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 468&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 469&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 470&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 471&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 472&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 473&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 474&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 475&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 476&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 477&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 478&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 479&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 480&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 481&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 482&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 483&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 484&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 485&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 486&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 487&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 488&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 489&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 490&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 491&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 492&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 493&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 494&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 495&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 496&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 497&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 498&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 499&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 500&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 501&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 502&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 503&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 504&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 505&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 506&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 507&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 508&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 509&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 510&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 511&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 512&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 513&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 514&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 515&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 516&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 517&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 518&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 519&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 520&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 521&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 522&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 523&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 524&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 525&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 526&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 527&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 528&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 529&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 530&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 531&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 532&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 533&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 534&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 535&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 536&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 537&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 538&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 539&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 540&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 541&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 542&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 543&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 544&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 545&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 546&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 547&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 548&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 549&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 550&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 551&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 552&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 553&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 554&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 555&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 556&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 557&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 558&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 559&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 560&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 561&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 562&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 563&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 564&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 565&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 566&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 567&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 568&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 569&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 570&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 571&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 572&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 573&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 574&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 575&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 576&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 577&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 578&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 579&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 580&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 581&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 582&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 583&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 584&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 585&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 586&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 587&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 588&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 589&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 590&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 591&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 592&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 593&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 594&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 595&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 596&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 597&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 598&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 599&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 600&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 601&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 602&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 603&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 604&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 605&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 606&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 607&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 608&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 609&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 610&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 611&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 612&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 613&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 614&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 615&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 616&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 617&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 618&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 619&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 620&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 621&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 622&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 623&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 624&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 625&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 626&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 627&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 628&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 629&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 630&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 631&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 632&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 633&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 634&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 635&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 636&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 637&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 638&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 639&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 640&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 641&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 642&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 643&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 644&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 645&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 646&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 647&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 648&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 649&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 650&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 651&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 652&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 653&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 654&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 655&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 656&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 657&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 658&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 659&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 660&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 661&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 662&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 663&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 664&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 665&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 666&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 667&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 668&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 669&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 670&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 671&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 672&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 673&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 674&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 675&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 676&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 677&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 678&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 679&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 680&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 681&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 682&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 683&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 684&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 685&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 686&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 687&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 688&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 689&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 690&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 691&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 692&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 693&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 694&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 695&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 696&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 697&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 698&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 699&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 700&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 701&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 702&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 703&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 704&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 705&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 706&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 707&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 708&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 709&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 710&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 711&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 712&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 713&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 714&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 715&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 716&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 717&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 718&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 719&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 720&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 721&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 722&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 723&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 724&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 725&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 726&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 727&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 728&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 729&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 730&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 731&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 732&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 733&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 734&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 735&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 736&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 737&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 738&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 739&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 740&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 741&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 742&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 743&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 744&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 745&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 746&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 747&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 748&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 749&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 750&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 751&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 752&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 753&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 754&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 755&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 756&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 757&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 758&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 759&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 760&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 761&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 762&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 763&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 764&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 765&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 766&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 767&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 768&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 769&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 770&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 771&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 772&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 773&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 774&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 775&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 776&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 777&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 778&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 779&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 780&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 781&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 782&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 783&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 784&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 785&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 786&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 787&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 788&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 789&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 790&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 791&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 792&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 793&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 794&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 795&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 796&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 797&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 798&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 799&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 800&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 801&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 802&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 803&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 804&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 805&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 806&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 807&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 808&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 809&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 810&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 811&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 812&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 813&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 814&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 815&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 816&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 817&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 818&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 819&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 820&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 821&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 822&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 823&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 824&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 825&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 826&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 827&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 828&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 829&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 830&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 831&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 832&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 833&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 834&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 835&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 836&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 837&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 838&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 839&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 840&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 841&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 842&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 843&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 844&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 845&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 846&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 847&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 848&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 849&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 850&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 851&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 852&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 853&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 854&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 855&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 856&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 857&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 858&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 859&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 860&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 861&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 862&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 863&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 864&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 865&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 866&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 867&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 868&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 869&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 870&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 871&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 872&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 873&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 874&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 875&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 876&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 877&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 878&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 879&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 880&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 881&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 882&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 883&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 884&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 885&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 886&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 887&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 888&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 889&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 890&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 891&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 892&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 893&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 894&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 895&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 896&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 897&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 898&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 899&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 900&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 901&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 902&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 903&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 904&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 905&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 906&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 907&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 908&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 909&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 910&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 911&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 912&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 913&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 914&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 915&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 916&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 917&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 918&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 919&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 920&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 921&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 922&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 923&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 924&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 925&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 926&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 927&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 928&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 929&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 930&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 931&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 932&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 933&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 934&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 935&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 936&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 937&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 938&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 939&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 940&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 941&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 942&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 943&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 944&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 945&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 946&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 947&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 948&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 949&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 950&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 951&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 952&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 953&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 954&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 955&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 956&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 957&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 958&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 959&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 960&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 961&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 962&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 963&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 964&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 965&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 966&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 967&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 968&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 969&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 970&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 971&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 972&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 973&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 974&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 975&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 976&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 977&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 978&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 979&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 980&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 981&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 982&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 983&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 984&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 985&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 986&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 987&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 988&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 989&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 990&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 991&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 992&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 993&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 994&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 995&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 996&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 997&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 998&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 999&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1000&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1001&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1002&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1003&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1004&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1005&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1006&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1007&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1008&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1009&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1010&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1011&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1012&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1013&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1014&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1015&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1016&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1017&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1018&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1019&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1020&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1021&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1022&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1023&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1024&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1025&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1026&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1027&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1028&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1029&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1030&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1031&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1032&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1033&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1034&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1035&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1036&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1037&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1038&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1039&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1040&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1041&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1042&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1043&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1044&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1045&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1046&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1047&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1048&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1049&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1050&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1051&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1052&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1053&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1054&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1055&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1056&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1057&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1058&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1059&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1060&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1061&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1062&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1063&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1064&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1065&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1066&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1067&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1068&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1069&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1070&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1071&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1072&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1073&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1074&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1075&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1076&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1077&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1078&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1079&quot;&gt;&lt;/div&gt;
  &lt;div class=&quot;particle&quot; style=&quot;--index: 1080&quot;&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
  body {
    background: #000;
  }
  .particle {
  --angle: (5 * var(--index));
  --radius: 30;
  --x: calc(sin(var(--angle)) * var(--radius) * 1vmin);
  --y: calc(cos(var(--angle)) * var(--radius) * 1vmin);
  --angle2: calc(var(--index) * 1turn / var(--total));
  --x2: calc(sin(var(--angle2)) * var(--radius) * 1vmin);
  --y2: calc(cos(var(--angle2)) * var(--radius) * 1vmin);
  --size: 5;
  --speed: 3s;
  --delay: calc(var(--index) * var(--speed) / var(--total) * 4);
  --hue-angle: 10;
  --hue-range: 60;
  --hue-start: 20;
  animation: animation var(--speed) ease-out infinite alternate var(--delay);
  transform: translate3d(var(--x), var(--y), 0);
  opacity: 0;
  border-radius: 50%;
  background: currentColor;
  color: oklch(75% 0.3
      calc(
        sin(var(--hue-angle) * var(--index)) 
        * var(--hue-range) 
        + var(--hue-start)
      )
  );
  position: absolute;
  width: calc(var(--size) * 0.1vmin);
  height: calc(var(--size) * 0.1vmin);
  contain: strict; 
}
@keyframes animation {
  100% {
    transform: translate3d(var(--x2), var(--y2), 0);
    opacity: 1;
  }
}
.labu {
  background: #000;
  display: flex;
  min-height: 70vh;
  justify-content: center;
  align-content: center;
  align-items: center;
  overflow: hidden;
}
  &lt;/style&gt;&lt;br/&gt;
&lt;div style=&quot;color: #737373; font: italic 400 12px Merriweather, Georgia, serif; margin-bottom: 6px; padding-left: 6px;&quot;&gt;Rujukan CSS di codepen.io/giana/pen/LYaOdye&lt;/div&gt;</description><link>https://orandableg.blogspot.com/2024/02/animasi-partikel.html</link><author>noreply@blogger.com (Orandableg)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-315110393263330545</guid><pubDate>Thu, 01 Feb 2024 00:36:00 +0000</pubDate><atom:updated>2024-02-07T01:09:41.495+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">Antik</category><category domain="http://www.blogger.com/atom/ns#">berita</category><category domain="http://www.blogger.com/atom/ns#">luar biasa</category><category domain="http://www.blogger.com/atom/ns#">UK</category><title>Sebiji limau lebih mahal dari sebuah kabinet</title><description>&lt;style&gt;
body {
  background: linear-gradient(165deg, #444, #cfe2f3, #cfe2f3, #f9f9f9, #f9f9f9, #f9f9f9);   
  background-attachment: fixed;
}
  &lt;/style&gt;
Sebiji limau berusia 285 tahun yang ditemui di laci kabinet lama berjaya dilelong pada harga $1,780 di England.&lt;br/&gt;&lt;br/&gt;
Brettells Auctioneers di Shropshire berkata sebuah kabinet abad ke-19 dibawa ke pusat lelong berkenaan oleh sebuah keluarga yang mengatakan ia adalah milik seorang bapa saudara yang telah meninggal dunia. Seorang jurugambar telah mengambil gambar kabinet yang akan dijual, termasuk sebiji limau yang ditemui di dalam laci. Limau tersebut tertulis dengan mesej: &quot;Diberikan Oleh Encik P Lu Franchini 4 Nov 1739 kepada Cik E Baxter.&quot;&lt;br/&gt;&lt;br/&gt;
Pusat lelong memutuskan untuk turut cuba melelong limau tersebut dan petugas terkejut apabila lelongan diadakan, limau tua itu memperoleh bidaan tinggi iaitu sebanyak $1,780, manakala kabinet berkenaan berjaya dijual dengan harga hanya $40.&lt;br/&gt;
&lt;br/&gt;
&lt;div align=&quot;center&quot;&gt;
&lt;blockquote class=&quot;instagram-media&quot; data-instgrm-captioned data-instgrm-permalink=&quot;https://www.instagram.com/p/C2J-dhSIA8i/?utm_source=ig_embed&amp;amp;utm_campaign=loading&quot; data-instgrm-version=&quot;14&quot; style=&quot; background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);&quot;&gt;&lt;div style=&quot;padding:16px;&quot;&gt; &lt;a href=&quot;https://www.instagram.com/p/C2J-dhSIA8i/?utm_source=ig_embed&amp;amp;utm_campaign=loading&quot; style=&quot; background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;&quot; target=&quot;_blank&quot;&gt; &lt;div style=&quot; display: flex; flex-direction: row; align-items: center;&quot;&gt; &lt;div style=&quot;background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;display: flex; flex-direction: column; flex-grow: 1; justify-content: center;&quot;&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;padding: 19% 0;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;display:block; height:50px; margin:0 auto 12px; width:50px;&quot;&gt;&lt;svg width=&quot;50px&quot; height=&quot;50px&quot; viewBox=&quot;0 0 60 60&quot; version=&quot;1.1&quot; xmlns=&quot;https://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;https://www.w3.org/1999/xlink&quot;&gt;&lt;g stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;g transform=&quot;translate(-511.000000, -20.000000)&quot; fill=&quot;#000000&quot;&gt;&lt;g&gt;&lt;path d=&quot;M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631&quot;&gt;&lt;/path&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/svg&gt;&lt;/div&gt;&lt;div style=&quot;padding-top: 8px;&quot;&gt; &lt;div style=&quot; color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;&quot;&gt;View this post on Instagram&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;padding: 12.5% 0;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;&quot;&gt;&lt;div&gt; &lt;div style=&quot;background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);&quot;&gt;&lt;/div&gt; &lt;div style=&quot;background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 8px;&quot;&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot; width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: auto;&quot;&gt; &lt;div style=&quot; width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);&quot;&gt;&lt;/div&gt; &lt;div style=&quot; background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);&quot;&gt;&lt;/div&gt; &lt;div style=&quot; width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div style=&quot;display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;&quot;&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;p style=&quot; color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;&quot;&gt;&lt;a href=&quot;https://www.instagram.com/p/C2J-dhSIA8i/?utm_source=ig_embed&amp;amp;utm_campaign=loading&quot; style=&quot; color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;&quot; target=&quot;_blank&quot;&gt;A post shared by Brettellsauctions (@brettellsauctions)&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/blockquote&gt; &lt;script async src=&quot;//www.instagram.com/embed.js&quot;&gt;&lt;/script&gt;&lt;/div&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/02/sebiji-limau-limau-lebih-mahal-dari.html</link><author>noreply@blogger.com (Orandableg)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-4005517214811573936</guid><pubDate>Mon, 29 Jan 2024 15:29:00 +0000</pubDate><atom:updated>2024-01-29T23:30:04.578+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">dr kameraku</category><category domain="http://www.blogger.com/atom/ns#">gambar</category><category domain="http://www.blogger.com/atom/ns#">rama-rama</category><category domain="http://www.blogger.com/atom/ns#">syot kilat</category><title>(Gambar) Rama-rama dan bunga</title><description>&lt;style&gt;
  body {
    background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    linear-gradient(160deg, #cfe2f3, #917263);  
  background-attachment: fixed;
  }
    .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.4);
}
&lt;/style&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNae_MC_rGAcvdCkl6Yo52uYMFg6KoO00Q8TjrhcbWjTrDVJBRC-L7YJBmh0epknS7NyeqQeErvy93X16fy6g-Iacr-JQpRl0fBf9CC2ui9_m2eqPJVlxLQq9dD5vqm7M4RygMCA5syVAJ_ulKOVqOqbkMqdcabRorxHkcjRXEhPABWyHJZQ_Tv064bY/s1173/DSC0%20kk%20dan%20bunga.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNae_MC_rGAcvdCkl6Yo52uYMFg6KoO00Q8TjrhcbWjTrDVJBRC-L7YJBmh0epknS7NyeqQeErvy93X16fy6g-Iacr-JQpRl0fBf9CC2ui9_m2eqPJVlxLQq9dD5vqm7M4RygMCA5syVAJ_ulKOVqOqbkMqdcabRorxHkcjRXEhPABWyHJZQ_Tv064bY/s600/DSC0%20kk%20dan%20bunga.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Rama-rama dan bunga&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/01/rama-rama-dan-bunga.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNae_MC_rGAcvdCkl6Yo52uYMFg6KoO00Q8TjrhcbWjTrDVJBRC-L7YJBmh0epknS7NyeqQeErvy93X16fy6g-Iacr-JQpRl0fBf9CC2ui9_m2eqPJVlxLQq9dD5vqm7M4RygMCA5syVAJ_ulKOVqOqbkMqdcabRorxHkcjRXEhPABWyHJZQ_Tv064bY/s72-c/DSC0%20kk%20dan%20bunga.JPG" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-2227363969945184030</guid><pubDate>Sat, 20 Jan 2024 13:06:00 +0000</pubDate><atom:updated>2024-01-21T01:19:01.466+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">animasi</category><category domain="http://www.blogger.com/atom/ns#">bagaimana</category><category domain="http://www.blogger.com/atom/ns#">css</category><category domain="http://www.blogger.com/atom/ns#">kiub</category><title>Animasi petak</title><description>&lt;div style=&quot;color: #737373; margin-bottom: 6px;&quot;&gt;Pamer&lt;/div&gt;
&lt;div class=&quot;labu&quot;&gt;
&lt;div class=&quot;labi&quot;&gt;  
  &lt;div class=&quot;joget&quot;&gt;
    &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;   
    &lt;div class=&quot;cube cube_A&quot;&gt;
      &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
      &lt;div class=&quot;cube cube_B&quot;&gt;
        &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
        &lt;div class=&quot;cube cube_C&quot;&gt;
          &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;cube cube_D&quot;&gt;
        &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
        &lt;div class=&quot;cube cube_E&quot;&gt;
          &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
          &lt;div class=&quot;cube cube_F&quot;&gt;
            &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;    
    &lt;div class=&quot;cube cube_A&quot;&gt;
      &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
      &lt;div class=&quot;cube cube_B&quot;&gt;
        &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
        &lt;div class=&quot;cube cube_C&quot;&gt;
          &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;cube cube_D&quot;&gt;
        &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
        &lt;div class=&quot;cube cube_E&quot;&gt;
          &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
          &lt;div class=&quot;cube cube_F&quot;&gt;
            &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;   
    &lt;div class=&quot;cube cube_A&quot;&gt;
      &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
      &lt;div class=&quot;cube cube_B&quot;&gt;
        &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
        &lt;div class=&quot;cube cube_C&quot;&gt;
          &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;cube cube_D&quot;&gt;
        &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
        &lt;div class=&quot;cube cube_E&quot;&gt;
          &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
          &lt;div class=&quot;cube cube_F&quot;&gt;
            &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;    
    &lt;div class=&quot;cube cube_A&quot;&gt;
      &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
      &lt;div class=&quot;cube cube_B&quot;&gt;
        &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
        &lt;div class=&quot;cube cube_C&quot;&gt;
          &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=&quot;cube cube_D&quot;&gt;
        &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
        &lt;div class=&quot;cube cube_E&quot;&gt;
          &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
          &lt;div class=&quot;cube cube_F&quot;&gt;
            &lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;&lt;i&gt;&lt;/i&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;style&gt;
  body {
  background: radial-gradient(circle, #fff, #777 100vmin) fixed;
  }
  .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.4);
}
  .labu *, .labu *::before, .labu *::after {
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
}
.labu {
  background-image: radial-gradient(circle, #fff, #777 100vmin);
  min-height: 88vh;
  display: grid;
  place-items: center;
  perspective: 1600px;
  overflow: hidden;
}
  @media screen and (max-width: 600px) {
  .labu {
    min-height: 60vh;
  }
 }  
.labu *:not(:empty) {
  transform-style: preserve-3d;
}
.labi {
  position: relative;
  -webkit-animation: labi 20s infinite linear;
          animation: labi 20s infinite linear;
}
@-webkit-keyframes labi {
  from {
    transform: rotate(0deg) rotateX(30deg) rotate(360deg);
  }
  to {
    transform: rotate(360deg) rotateX(30deg) rotate(0deg);
  }
}
@keyframes labi {
  from {
    transform: rotate(0deg) rotateX(30deg) rotate(360deg);
  }
  to {
    transform: rotate(360deg) rotateX(30deg) rotate(0deg);
  }
}
.joget {
  position: relative;
  font-size: 5vmin;
  width: 2em;
  aspect-ratio: 1;
  -webkit-animation-name: joget;
          animation-name: joget;
  --background-color: #fff;
}
@-webkit-keyframes joget {
  0% {
    transform: rotate(0deg) scale(1);
  }
  25% {
    transform: rotate(-22.5deg) scale(0.95);
  }
  50% {
    transform: rotate(-45deg) scale(0.9);
  }
  75% {
    transform: rotate(-67.5deg) scale(0.95);
  }
  100% {
    transform: rotate(-90deg) scale(1);
  }
}
@keyframes joget {
  0% {
    transform: rotate(0deg) scale(1);
  }
  25% {
    transform: rotate(-22.5deg) scale(0.95);
  }
  50% {
    transform: rotate(-45deg) scale(0.9);
  }
  75% {
    transform: rotate(-67.5deg) scale(0.95);
  }
  100% {
    transform: rotate(-90deg) scale(1);
  }
}
.cube {
  position: absolute;
  width: 100%;
  aspect-ratio: 1;
  transform-origin: -1% -1%;
}
.cube_A {
  left: 51%;
  top: 51%;
  -webkit-animation-name: cube_A;
          animation-name: cube_A;
  --background-color: hsl(calc(var(--i) * 90) 50% 56%);
}
.cube_A:nth-child(5) {
  --i: 0;
}
.cube_A:nth-child(6) {
  --i: 1;
}
.cube_A:nth-child(7) {
  --i: 2;
}
.cube_A:nth-child(8) {
  --i: 3;
}
@-webkit-keyframes cube_A {
  0% {
    transform: rotate(calc(var(--i) * 90deg)) translate(-51%, 51%) rotate(0deg);
  }
  50% {
    transform: rotate(calc(var(--i) * 90deg)) translate(-51%, 51%) rotate(90deg);
  }
  100% {
    transform: rotate(calc(var(--i) * 90deg)) translate(-51%, 51%) rotate(180deg);
  }
}
@keyframes cube_A {
  0% {
    transform: rotate(calc(var(--i) * 90deg)) translate(-51%, 51%) rotate(0deg);
  }
  50% {
    transform: rotate(calc(var(--i) * 90deg)) translate(-51%, 51%) rotate(90deg);
  }
  100% {
    transform: rotate(calc(var(--i) * 90deg)) translate(-51%, 51%) rotate(180deg);
  }
}
.cube_B {
  left: 102%;
  top: 0%;
  -webkit-animation-name: cube_negative;
          animation-name: cube_negative;
  --background-color: hsl(calc(var(--i) * 90 - 45) 50% 56%);
}
.cube_C {
  left: 102%;
  top: 0%;
  transform-origin: -1% 101%;
  -webkit-animation-name: cube_positive;
          animation-name: cube_positive;
  --background-color: hsl(calc(var(--i) * 90 - 67.5) 100% 56%);
}
.cube_D {
  left: 0%;
  top: 102%;
  transform-origin: 101% -1%;
  -webkit-animation-name: cube_negative;
          animation-name: cube_negative;
  --background-color: hsl(calc(var(--i) * 90) 100% 56%);
}
.cube_E {
  left: 102%;
  top: 0%;
  transform-origin: -1% 101%;
  -webkit-animation-name: cube_positive;
          animation-name: cube_positive;
  --background-color: hsl(calc(var(--i) * 90 - 22.5) 100% 56%);
}
.cube_F {
  left: 102%;
  top: 0%;
  -webkit-animation-name: cube_negative;
          animation-name: cube_negative;
  --background-color: hsl(calc(var(--i) * 90 - 45) 100% 56%);
}
@-webkit-keyframes cube_negative {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
@keyframes cube_negative {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-90deg);
  }
  100% {
    transform: rotate(-180deg);
  }
}
@-webkit-keyframes cube_positive {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes cube_positive {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.joget, .cube {
  box-shadow: 0 0 2em #000a, 0 0 1em #000a inset;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
          animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
}
.joget i, .cube i {
  position: absolute;
  inset: 0;
  background-color: var(--background-color);
  background-image: linear-gradient(transparent, #000a);
  box-shadow: 0 0 1em #000a inset;
}
.joget i:nth-child(1), .cube i:nth-child(1) {
  transform: rotateX(-90deg) rotateY(0deg) translateZ(1em) translateY(-1em);
}
.joget i:nth-child(2), .cube i:nth-child(2) {
  transform: rotateX(-90deg) rotateY(90deg) translateZ(1em) translateY(-1em);
}
.joget i:nth-child(3), .cube i:nth-child(3) {
  transform: rotateX(-90deg) rotateY(180deg) translateZ(1em) translateY(-1em);
}
.joget i:nth-child(4), .cube i:nth-child(4) {
  transform: rotateX(-90deg) rotateY(270deg) translateZ(1em) translateY(-1em);
}
&lt;/style&gt;&lt;br/&gt;
&lt;button onclick=&quot;if(document.getElementById(&#39;cb01&#39;) .style.display==&#39;none&#39;) {document.getElementById(&#39;cb01&#39;).style.display=&#39;&#39;}else{document.getElementById(&#39;cb01&#39;) .style.display=&#39;none&#39;}&quot; type=&quot;button&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Lihat teks HTML&lt;/span&gt;&lt;/button&gt;&lt;br /&gt;
&lt;div id=&quot;cb01&quot; style=&quot;background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); font: small Courier; padding: 10px; display: none;&quot;&gt;
  &amp;lt;div class=&quot;labu&quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&quot;labi&quot;&amp;gt;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;lt;div class=&quot;joget&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;nbsp; &amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_A&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_B&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_C&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_D&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_E&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_F&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_A&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_B&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_C&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_D&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_E&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_F&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&amp;nbsp; &amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_A&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_B&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_C&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_D&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_E&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_F&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_A&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_B&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_C&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_D&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_E&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;cube cube_F&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;i&amp;gt;&amp;lt;/i&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&amp;nbsp; .labu *, .labu *::before, .labu *::after {&lt;br /&gt;&amp;nbsp; padding: 0;&lt;br /&gt;&amp;nbsp; margin: 0 auto;&lt;br /&gt;&amp;nbsp; box-sizing: border-box;&lt;br /&gt;}&lt;br /&gt;.labu {&lt;br /&gt;&amp;nbsp; background-image: radial-gradient(circle, #fff, #777 100vmin);&lt;br /&gt;&amp;nbsp; min-height: 88vh;&lt;br /&gt;&amp;nbsp; display: grid;&lt;br /&gt;&amp;nbsp; place-items: center;&lt;br /&gt;&amp;nbsp; perspective: 1600px;&lt;br /&gt;&amp;nbsp; overflow: hidden;&lt;br /&gt;}&lt;br /&gt;&amp;nbsp; @media screen and (max-width: 600px) {&lt;br /&gt;&amp;nbsp; .labu {&lt;br /&gt;&amp;nbsp; &amp;nbsp; min-height: 60vh;&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;}&amp;nbsp;&amp;nbsp;&lt;br /&gt;.labu *:not(:empty) {&lt;br /&gt;&amp;nbsp; transform-style: preserve-3d;&lt;br /&gt;}&lt;br /&gt;.labi {&lt;br /&gt;&amp;nbsp; position: relative;&lt;br /&gt;&amp;nbsp; -webkit-animation: labi 20s infinite linear;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation: labi 20s infinite linear;&lt;br /&gt;}&lt;br /&gt;@-webkit-keyframes labi {&lt;br /&gt;&amp;nbsp; from {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(0deg) rotateX(30deg) rotate(360deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; to {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(360deg) rotateX(30deg) rotate(0deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;@keyframes labi {&lt;br /&gt;&amp;nbsp; from {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(0deg) rotateX(30deg) rotate(360deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; to {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(360deg) rotateX(30deg) rotate(0deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;.joget {&lt;br /&gt;&amp;nbsp; position: relative;&lt;br /&gt;&amp;nbsp; font-size: 5vmin;&lt;br /&gt;&amp;nbsp; width: 2em;&lt;br /&gt;&amp;nbsp; aspect-ratio: 1;&lt;br /&gt;&amp;nbsp; -webkit-animation-name: joget;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation-name: joget;&lt;br /&gt;&amp;nbsp; --background-color: #fff;&lt;br /&gt;}&lt;br /&gt;@-webkit-keyframes joget {&lt;br /&gt;&amp;nbsp; 0% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(0deg) scale(1);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 25% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(-22.5deg) scale(0.95);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 50% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(-45deg) scale(0.9);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 75% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(-67.5deg) scale(0.95);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 100% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(-90deg) scale(1);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;@keyframes joget {&lt;br /&gt;&amp;nbsp; 0% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(0deg) scale(1);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 25% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(-22.5deg) scale(0.95);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 50% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(-45deg) scale(0.9);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 75% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(-67.5deg) scale(0.95);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 100% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(-90deg) scale(1);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;.cube {&lt;br /&gt;&amp;nbsp; position: absolute;&lt;br /&gt;&amp;nbsp; width: 100%;&lt;br /&gt;&amp;nbsp; aspect-ratio: 1;&lt;br /&gt;&amp;nbsp; transform-origin: -1% -1%;&lt;br /&gt;}&lt;br /&gt;.cube_A {&lt;br /&gt;&amp;nbsp; left: 51%;&lt;br /&gt;&amp;nbsp; top: 51%;&lt;br /&gt;&amp;nbsp; -webkit-animation-name: cube_A;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation-name: cube_A;&lt;br /&gt;&amp;nbsp; --background-color: hsl(calc(var(--i) * 90) 50% 56%);&lt;br /&gt;}&lt;br /&gt;.cube_A:nth-child(5) {&lt;br /&gt;&amp;nbsp; --i: 0;&lt;br /&gt;}&lt;br /&gt;.cube_A:nth-child(6) {&lt;br /&gt;&amp;nbsp; --i: 1;&lt;br /&gt;}&lt;br /&gt;.cube_A:nth-child(7) {&lt;br /&gt;&amp;nbsp; --i: 2;&lt;br /&gt;}&lt;br /&gt;.cube_A:nth-child(8) {&lt;br /&gt;&amp;nbsp; --i: 3;&lt;br /&gt;}&lt;br /&gt;@-webkit-keyframes cube_A {&lt;br /&gt;&amp;nbsp; 0% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(calc(var(--i) * 90deg)) translate(-51%, 51%) rotate(0deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 50% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(calc(var(--i) * 90deg)) translate(-51%, 51%) rotate(90deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 100% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(calc(var(--i) * 90deg)) translate(-51%, 51%) rotate(180deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;@keyframes cube_A {&lt;br /&gt;&amp;nbsp; 0% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(calc(var(--i) * 90deg)) translate(-51%, 51%) rotate(0deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 50% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(calc(var(--i) * 90deg)) translate(-51%, 51%) rotate(90deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 100% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(calc(var(--i) * 90deg)) translate(-51%, 51%) rotate(180deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;.cube_B {&lt;br /&gt;&amp;nbsp; left: 102%;&lt;br /&gt;&amp;nbsp; top: 0%;&lt;br /&gt;&amp;nbsp; -webkit-animation-name: cube_negative;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation-name: cube_negative;&lt;br /&gt;&amp;nbsp; --background-color: hsl(calc(var(--i) * 90 - 45) 50% 56%);&lt;br /&gt;}&lt;br /&gt;.cube_C {&lt;br /&gt;&amp;nbsp; left: 102%;&lt;br /&gt;&amp;nbsp; top: 0%;&lt;br /&gt;&amp;nbsp; transform-origin: -1% 101%;&lt;br /&gt;&amp;nbsp; -webkit-animation-name: cube_positive;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation-name: cube_positive;&lt;br /&gt;&amp;nbsp; --background-color: hsl(calc(var(--i) * 90 - 67.5) 100% 56%);&lt;br /&gt;}&lt;br /&gt;.cube_D {&lt;br /&gt;&amp;nbsp; left: 0%;&lt;br /&gt;&amp;nbsp; top: 102%;&lt;br /&gt;&amp;nbsp; transform-origin: 101% -1%;&lt;br /&gt;&amp;nbsp; -webkit-animation-name: cube_negative;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation-name: cube_negative;&lt;br /&gt;&amp;nbsp; --background-color: hsl(calc(var(--i) * 90) 100% 56%);&lt;br /&gt;}&lt;br /&gt;.cube_E {&lt;br /&gt;&amp;nbsp; left: 102%;&lt;br /&gt;&amp;nbsp; top: 0%;&lt;br /&gt;&amp;nbsp; transform-origin: -1% 101%;&lt;br /&gt;&amp;nbsp; -webkit-animation-name: cube_positive;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation-name: cube_positive;&lt;br /&gt;&amp;nbsp; --background-color: hsl(calc(var(--i) * 90 - 22.5) 100% 56%);&lt;br /&gt;}&lt;br /&gt;.cube_F {&lt;br /&gt;&amp;nbsp; left: 102%;&lt;br /&gt;&amp;nbsp; top: 0%;&lt;br /&gt;&amp;nbsp; -webkit-animation-name: cube_negative;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation-name: cube_negative;&lt;br /&gt;&amp;nbsp; --background-color: hsl(calc(var(--i) * 90 - 45) 100% 56%);&lt;br /&gt;}&lt;br /&gt;@-webkit-keyframes cube_negative {&lt;br /&gt;&amp;nbsp; 0% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(0deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 50% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(-90deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 100% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(-180deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;@keyframes cube_negative {&lt;br /&gt;&amp;nbsp; 0% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(0deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 50% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(-90deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 100% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(-180deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;@-webkit-keyframes cube_positive {&lt;br /&gt;&amp;nbsp; 0% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(0deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 50% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(90deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 100% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(180deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;@keyframes cube_positive {&lt;br /&gt;&amp;nbsp; 0% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(0deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 50% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(90deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; 100% {&lt;br /&gt;&amp;nbsp; &amp;nbsp; transform: rotate(180deg);&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;.joget, .cube {&lt;br /&gt;&amp;nbsp; box-shadow: 0 0 2em #000a, 0 0 1em #000a inset;&lt;br /&gt;&amp;nbsp; -webkit-animation-duration: 8s;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation-duration: 8s;&lt;br /&gt;&amp;nbsp; -webkit-animation-iteration-count: infinite;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation-iteration-count: infinite;&lt;br /&gt;&amp;nbsp; -webkit-animation-direction: alternate;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation-direction: alternate;&lt;br /&gt;&amp;nbsp; -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);&lt;br /&gt;}&lt;br /&gt;.joget i, .cube i {&lt;br /&gt;&amp;nbsp; position: absolute;&lt;br /&gt;&amp;nbsp; inset: 0;&lt;br /&gt;&amp;nbsp; background-color: var(--background-color);&lt;br /&gt;&amp;nbsp; background-image: linear-gradient(transparent, #000a);&lt;br /&gt;&amp;nbsp; box-shadow: 0 0 1em #000a inset;&lt;br /&gt;}&lt;br /&gt;.joget i:nth-child(1), .cube i:nth-child(1) {&lt;br /&gt;&amp;nbsp; transform: rotateX(-90deg) rotateY(0deg) translateZ(1em) translateY(-1em);&lt;br /&gt;}&lt;br /&gt;.joget i:nth-child(2), .cube i:nth-child(2) {&lt;br /&gt;&amp;nbsp; transform: rotateX(-90deg) rotateY(90deg) translateZ(1em) translateY(-1em);&lt;br /&gt;}&lt;br /&gt;.joget i:nth-child(3), .cube i:nth-child(3) {&lt;br /&gt;&amp;nbsp; transform: rotateX(-90deg) rotateY(180deg) translateZ(1em) translateY(-1em);&lt;br /&gt;}&lt;br /&gt;.joget i:nth-child(4), .cube i:nth-child(4) {&lt;br /&gt;&amp;nbsp; transform: rotateX(-90deg) rotateY(270deg) translateZ(1em) translateY(-1em);&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br/&gt;&lt;div align=&quot;center&quot;&gt;&lt;button onclick=&quot;if(document.getElementById(&#39;cb01&#39;) .style.display==&#39;none&#39;) {document.getElementById(&#39;cb01&#39;).style.display=&#39;&#39;}else{document.getElementById(&#39;cb01&#39;) .style.display=&#39;none&#39;}&quot; type=&quot;button&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Tutup&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;
&lt;br/&gt;
&lt;div style=&quot;color: #737373; font: italic 400 12px Merriweather, Georgia, serif; margin-bottom: 5px; padding-left: 6px;&quot;&gt;Rujukan CSS di codepen.io/amit_sheen/pen/XWGpJOV&lt;/div&gt;</description><link>https://orandableg.blogspot.com/2024/01/animasi-penyesuaian-petak.html</link><author>noreply@blogger.com (Orandableg)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-4404659268202789345</guid><pubDate>Thu, 18 Jan 2024 17:14:00 +0000</pubDate><atom:updated>2024-01-19T01:15:56.820+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">gambar</category><category domain="http://www.blogger.com/atom/ns#">Kucing</category><category domain="http://www.blogger.com/atom/ns#">syot kilat</category><title>(Gambar) Kucing dari belakang</title><description>&lt;style&gt;
  body {
    background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    linear-gradient(160deg, #cfe2f3, #917263);  
  background-attachment: fixed;
  }
    .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.4);
}
&lt;/style&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizOFvPKUMgNPIhBgzzmJVIC6E2kfJHkY2Ypf5QVw3B8QpO-vxLBTbV5-meR7HzUa39vjAqosOHHDXm-uP2zEYd4P7ysLdps6foYdWX5EVl5P10NBhmp9poM9duf6UZ26NSWjFe81Nx0Y7CTyu9eJ9qnXfmL5mc3FfxZ8M0y5AMyCqV7dYNpqDoH_ovGw0/s900/DSC0%20kucing%20%20%20d%20belakang.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizOFvPKUMgNPIhBgzzmJVIC6E2kfJHkY2Ypf5QVw3B8QpO-vxLBTbV5-meR7HzUa39vjAqosOHHDXm-uP2zEYd4P7ysLdps6foYdWX5EVl5P10NBhmp9poM9duf6UZ26NSWjFe81Nx0Y7CTyu9eJ9qnXfmL5mc3FfxZ8M0y5AMyCqV7dYNpqDoH_ovGw0/s600/DSC0%20kucing%20%20%20d%20belakang.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Kucing dari belakang&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;div style=&quot;font: small Sans-serif; margin-top: 5px;&quot;&gt;10:30 pagi 02.05.22&lt;/div&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/01/gambar-kucing-dari-belakang.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizOFvPKUMgNPIhBgzzmJVIC6E2kfJHkY2Ypf5QVw3B8QpO-vxLBTbV5-meR7HzUa39vjAqosOHHDXm-uP2zEYd4P7ysLdps6foYdWX5EVl5P10NBhmp9poM9duf6UZ26NSWjFe81Nx0Y7CTyu9eJ9qnXfmL5mc3FfxZ8M0y5AMyCqV7dYNpqDoH_ovGw0/s72-c/DSC0%20kucing%20%20%20d%20belakang.JPG" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-2174001508630813509</guid><pubDate>Tue, 16 Jan 2024 14:17:00 +0000</pubDate><atom:updated>2024-01-17T06:28:08.059+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">dr kameraku</category><category domain="http://www.blogger.com/atom/ns#">gambar</category><category domain="http://www.blogger.com/atom/ns#">Muar</category><category domain="http://www.blogger.com/atom/ns#">syot kilat</category><title>(Gambar) Warna senja</title><description>&lt;style&gt;
  body {
    background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    linear-gradient(160deg, #917263, #cfe2f3);  
  background-attachment: fixed;
  }
    .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.4);
}
&lt;/style&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjk7nPYgXJisYYYI_1_jrVWe_pxE90M0CWrCjNSxOKCnjvUtnofDNS06ZuU2vnnfUV1DYxF_ZJp-i3jHUDotYElHIPmOCbor7XamXQWB-BXQu-FF2dNyP2Rvuzp8yt-XdJaw43kU0HF0/s1000/a4385+pemandangan+senja.jpg&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjk7nPYgXJisYYYI_1_jrVWe_pxE90M0CWrCjNSxOKCnjvUtnofDNS06ZuU2vnnfUV1DYxF_ZJp-i3jHUDotYElHIPmOCbor7XamXQWB-BXQu-FF2dNyP2Rvuzp8yt-XdJaw43kU0HF0/s600/a4385+pemandangan+senja.jpg&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Warna senja&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/01/gambar-warna-petang.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNjk7nPYgXJisYYYI_1_jrVWe_pxE90M0CWrCjNSxOKCnjvUtnofDNS06ZuU2vnnfUV1DYxF_ZJp-i3jHUDotYElHIPmOCbor7XamXQWB-BXQu-FF2dNyP2Rvuzp8yt-XdJaw43kU0HF0/s72-c/a4385+pemandangan+senja.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-8169329799242836428</guid><pubDate>Wed, 10 Jan 2024 14:52:00 +0000</pubDate><atom:updated>2024-01-10T23:05:19.302+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">dr kameraku</category><category domain="http://www.blogger.com/atom/ns#">gambar</category><category domain="http://www.blogger.com/atom/ns#">Muar</category><category domain="http://www.blogger.com/atom/ns#">syot kilat</category><title>(Gambar) Petang muara dlm hitam putih</title><description>&lt;style&gt;
  body {
    background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    linear-gradient(160deg, #222, #917263);  
  background-attachment: fixed;
  }
    .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.4);
}
&lt;/style&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-_ScOO1LiK0iqqVmS76cu2Nqg_JW-DAgQcGSx5YqGNWJ2kZSPbbRquw5RHTUwtz5HElO_tRepeRaOWgy7j4LQQEuUxy74XmopLaDm1VLqSouws74sguiVb65CxCHR7EHtQoAPvJmTxE/s1600/DSC04368+ptg+d+muara.jpg&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-_ScOO1LiK0iqqVmS76cu2Nqg_JW-DAgQcGSx5YqGNWJ2kZSPbbRquw5RHTUwtz5HElO_tRepeRaOWgy7j4LQQEuUxy74XmopLaDm1VLqSouws74sguiVb65CxCHR7EHtQoAPvJmTxE/s660/DSC04368+ptg+d+muara.jpg&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Muara, Muar&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/01/gambar-petang-muara-dlm-hitam-putih.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia-_ScOO1LiK0iqqVmS76cu2Nqg_JW-DAgQcGSx5YqGNWJ2kZSPbbRquw5RHTUwtz5HElO_tRepeRaOWgy7j4LQQEuUxy74XmopLaDm1VLqSouws74sguiVb65CxCHR7EHtQoAPvJmTxE/s72-c/DSC04368+ptg+d+muara.jpg" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-1410603485138192192</guid><pubDate>Thu, 04 Jan 2024 12:24:00 +0000</pubDate><atom:updated>2024-01-17T06:58:08.937+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">permainan</category><category domain="http://www.blogger.com/atom/ns#">teka kata</category><title>Teka Kata 4.1.24</title><description>&lt;h4 style=&quot;color: brown;&quot;&gt;Teka Kata Hari Ini: beberapa nama daerah, negeri di Malaysia dan beberapa nama negara. (48)&lt;/h4&gt;
&lt;div style=&quot;max-width: 400px; font: 14px Sans-serif;&quot;&gt;Taip 1 nama (5 huruf) dan tekan &#39;TEKA&#39; (ENTER) di papan kekunci. Percubaan terpapar di 6 barisan petak, bermakna percubaan boleh dilakukan sebanyak 6 kali (meneka tidak semua nama yg ada, hanya 1 nama pilihan TKHI secara rambang dalam suatu masa).&lt;/div&gt;&lt;br/&gt;
&lt;title&gt;Teka Kata Nama&lt;/title&gt;
  &lt;div class=&quot;labu&quot;&gt;
    &lt;div class=&quot;bks&quot;&gt;
        &lt;div class=&quot;kkata&quot;&gt;
            &lt;div class=&quot;attempt&quot;&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
            &lt;/div&gt;           
            &lt;div class=&quot;attempt&quot;&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
            &lt;/div&gt; 
            &lt;div class=&quot;attempt&quot;&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
            &lt;/div&gt; 
            &lt;div class=&quot;attempt&quot;&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
            &lt;/div&gt; 
            &lt;div class=&quot;attempt&quot;&gt;               
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
            &lt;/div&gt; 
            &lt;div class=&quot;attempt&quot;&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
                &lt;span class=&quot;letter&quot;&gt;&lt;/span&gt;
            &lt;/div&gt;   
        &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
        &lt;div class=&quot;keyboard&quot;&gt;
          &lt;div class=&quot;key_row&quot;&gt;
            &lt;div class=&quot;key key_enter&quot; style=&quot;font: 16px Sans-serif; width: 44px; padding: 8px; margin-bottom: 6px;&quot; data-letter=&#39;enter&#39;&gt;TEKA&lt;/div&gt;                
            &lt;/div&gt;
            &lt;div class=&quot;key_row&quot;&gt;
                &lt;div class=&quot;key key_q&quot; data-letter=&#39;q&#39;&gt;Q&lt;/div&gt;
                &lt;div class=&quot;key key_w&quot; data-letter=&#39;w&#39;&gt;W&lt;/div&gt;
                &lt;div class=&quot;key key_e&quot; data-letter=&#39;e&#39;&gt;E&lt;/div&gt;
                &lt;div class=&quot;key key_r&quot; data-letter=&#39;r&#39;&gt;R&lt;/div&gt;
                &lt;div class=&quot;key key_t&quot; data-letter=&#39;t&#39;&gt;T&lt;/div&gt;
                &lt;div class=&quot;key key_y&quot; data-letter=&#39;y&#39;&gt;Y&lt;/div&gt;
                &lt;div class=&quot;key key_u&quot; data-letter=&#39;u&#39;&gt;U&lt;/div&gt;
                &lt;div class=&quot;key key_i&quot; data-letter=&#39;i&#39;&gt;I&lt;/div&gt;
                &lt;div class=&quot;key key_o&quot; data-letter=&#39;o&#39;&gt;O&lt;/div&gt;
                &lt;div class=&quot;key key_p&quot; data-letter=&#39;p&#39;&gt;P&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;key_row&quot;&gt;
                &lt;div class=&quot;key key_a&quot; data-letter=&#39;a&#39;&gt;A&lt;/div&gt;
                &lt;div class=&quot;key key_s&quot; data-letter=&#39;s&#39;&gt;S&lt;/div&gt;
                &lt;div class=&quot;key key_d&quot; data-letter=&#39;d&#39;&gt;D&lt;/div&gt;
                &lt;div class=&quot;key key_f&quot; data-letter=&#39;f&#39;&gt;F&lt;/div&gt;
                &lt;div class=&quot;key key_g&quot; data-letter=&#39;g&#39;&gt;G&lt;/div&gt;
                &lt;div class=&quot;key key_h&quot; data-letter=&#39;h&#39;&gt;H&lt;/div&gt;
                &lt;div class=&quot;key key_j&quot; data-letter=&#39;j&#39;&gt;J&lt;/div&gt;
                &lt;div class=&quot;key key_k&quot; data-letter=&#39;k&#39;&gt;K&lt;/div&gt;
                &lt;div class=&quot;key key_l&quot; data-letter=&#39;l&#39;&gt;L&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;key_row&quot;&gt;
                &lt;div class=&quot;key key_z&quot; data-letter=&#39;z&#39;&gt;Z&lt;/div&gt;
                &lt;div class=&quot;key key_x&quot; data-letter=&#39;x&#39;&gt;X&lt;/div&gt;
                &lt;div class=&quot;key key_c&quot; data-letter=&#39;c&#39;&gt;C&lt;/div&gt;
                &lt;div class=&quot;key key_v&quot; data-letter=&#39;v&#39;&gt;V&lt;/div&gt;
                &lt;div class=&quot;key key_b&quot; data-letter=&#39;b&#39;&gt;B&lt;/div&gt;
                &lt;div class=&quot;key key_n&quot; data-letter=&#39;n&#39;&gt;N&lt;/div&gt;
                &lt;div class=&quot;key key_m&quot; data-letter=&#39;m&#39;&gt;M&lt;/div&gt;
                &lt;div class=&quot;key key_delete&quot; style=&quot;font: 14px Sans-serif; padding: 6px; width: 52px;&quot; data-letter=&#39;backspace&#39;&gt;PADAM&lt;/div&gt;
            &lt;/div&gt;
&lt;/div&gt;
  &lt;style&gt;
    body {
  background: linear-gradient(170deg, #e8f2fc, #aec1d4, #91a6ba) fixed;
    }
    .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.3);
}
    #search_top.section {
      display: none;
    }
    .labi {
      color: #ccc;
    }
    .labi:hover {
     color: #555; 
    }
    .labu {
      margin: auto;
      padding-top: 16px;
      border-radius: 12px;
    background: radial-gradient(circle, #e8f2fc, #e8f2fc, #aec1d4);
}
    @media screen and (max-width: 600px) {
  .labu {
    padding-top: 0;
    border-radius: 4px;
    background: #fff;
  }
 }  
.bks {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;      
    margin: auto;
    max-width: 340px;
}
.kkata {    
    text-align: center;
    width: 100%
}
.attempt {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1px;
    margin: 1px 0; 
}
.letter {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 40px;
    border: 1px solid #aec1d4;
    border-radius: 6px;
    transition: 0.3s;
    color: #222;
    font-size: 28px;
  font-weight: bold;
}
    @media screen and (max-width: 600px) {
      .letter {
    height: 42px;
    font-size: 32px;
    border: 1px solid #5085ba;
}
 }  
.keyboard {
    text-align: center; 
    font: 20px Sans-serif;
  color: #073763;
  border-radius: 10px;
  background: linear-gradient(90deg, #aec1d4, #e8f2fc, #e8f2fc, #e8f2fc, #aec1d4);
  padding-bottom: 12px;
  padding-top: 6px;
  margin-left: 0;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .keyboard {
  border-radius: 4px;
  width: 112%;
  margin-left: -6.1%;
    background: #fff;
}
 }  
.key_row {
  display: block; 
}
.key {
    display: inline-block;
    padding: 4px;
    border: 1px solid #aec1d4;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.33s;
    margin: 2px auto;
    width: 4.8%;
}
    @media screen and (max-width: 600px) {
  .key {
    border: 1px solid #5085ba;
    margin: 4px 1px;
    width: 5%;
}
 }  
.key:hover {
    transform: scale(1.1);
  background: #fff2cc;
}
.blue {
    background: #9fc5e8;
}
.orange {
    background: #fce5cd;
}
.grey {
    background: #afafaf;
}
    &lt;/style&gt;
    &lt;script&gt;
     const dictionary = [&quot;BESUT&quot;, &quot;CHILE&quot;, &quot;CHINA&quot;, &quot;DALAT&quot;, &quot;GHANA&quot;, &quot;HAITI&quot;, &quot;INDIA&quot;, &quot;ITALI&quot;, &quot;JASIN&quot;, &quot;JOHOR&quot;, &quot;JULAU&quot;, &quot;KAPIT&quot;, &quot;KEDAH&quot;, &quot;KENYA&quot;, &quot;KINTA&quot;, &quot;KLANG&quot;, &quot;KUDAT&quot;, &quot;KULAI&quot;, &quot;KULIM&quot;, &quot;KUNAK&quot;, &quot;LARUT&quot;, &quot;LAWAS&quot;, &quot;LIBYA&quot;, &quot;LIPIS&quot;, &quot;LUNDU&quot;, &quot;MALTA&quot;, &quot;MARAN&quot;, &quot;MUKAH&quot;, &quot;NEPAL&quot;, &quot;PAGOH&quot;, &quot;PAKAN&quot;, &quot;PANTU&quot;, &quot;PAPAR&quot;, &quot;PEKAN&quot;, &quot;PERAK&quot;, &quot;PITAS&quot;, &quot;RANAU&quot;, &quot;RUSIA&quot;, &quot;SABAH&quot;, &quot;SETIU&quot;, &quot;SUBIS&quot;, &quot;SAMOA&quot;, &quot;SUDAN&quot;, &quot;SYRIA&quot;, &quot;TATAU&quot;, &quot;TAWAU&quot;, &quot;TENOM&quot;, &quot;YAMAN&quot;]
const newGame = (dictionary) =&gt; {
    startGame(dictionary)
}
function startGame(data) {
    let dictionary = data
    let goalWord = dictionary[Math.round(Math.random() * dictionary.length)]
    let currentWord = &#39;&#39;
    let currentAttempt = 0
    const keys = [].slice.call(document.querySelectorAll(&#39;.key&#39;))
    const attempts = [].slice.call(document.querySelectorAll(&#39;.attempt&#39;))
    const letters = &#39;qwertyuiopasdfghjklzxcvbnm&#39;
    const keyClick = (e) =&gt; {
        let letter = true
        if (e.target.innerHTML == &#39;PADAM&#39; || e.target.innerHTML == &#39;TEKA&#39;) {
            letter = false
        }
        if (e.target.innerHTML == &#39;TEKA&#39;) {
            enterWord(goalWord, currentWord)
        }
        if (currentWord.length &lt; 5 &amp;&amp; letter) {  
            currentWord += e.target.innerHTML
        }
        if (e.target.innerHTML == &#39;PADAM&#39;) {  
            currentWord = currentWord.slice(0, -1)
        }     
        let attempt = [].slice.call(attempts[currentAttempt].querySelectorAll(&#39;.letter&#39;))        
        attempt.forEach(key =&gt; {key.innerHTML = &#39;&#39;})
        for (i = 0; i &lt; currentWord.length; i++) {
            attempt[i].innerHTML = currentWord[i]
        }
    }
    keys.forEach(key =&gt; {
        key.addEventListener(&#39;click&#39;, keyClick)
    })
    const enterWord = (word, guess) =&gt; {
        if (guess.length &lt; 5) {
            alert(&#39;Perkataan semestinya lima huruf&#39;)
            return
        }
        if (guess.length === 5) {
            matchWord(word, guess)
            currentAttempt++
            if (currentAttempt === 6) {
                setTimeout(function() {alert(`Nama pilihan TKHI kali ini ialah: &quot;${goalWord}&quot; :( Jangan putus asa. Cuba lagi.`)}, 300*5)
                setTimeout(function() {
                    history.go(0)
                }, 300*5)
                return
            }
            currentWord = &#39;&#39;
        }
    }
    const matchWord = (goalWord, playerWord) =&gt; {
        let isWon = false
        if (goalWord.toLowerCase() === playerWord.toLowerCase()) {
            isWon = true
        }
        let goal = goalWord.toLowerCase().split(&#39;&#39;)
        let guess = playerWord.toLowerCase().split(&#39;&#39;)
        let toRender = []
        for (let i = 0; i &lt; 5; i++) {            
            let status = &#39;&#39;
            if (!goal.includes(guess[i])) {
                status = &#39;grey&#39;
            } else {
                if (guess[i] === goal[i]) {
                    status = &#39;blue&#39;
                } else {
                    status = &#39;orange&#39;
                }
                delete goal[goal.indexOf(guess[i])]
            }
            toRender.push({letter: guess[i], status: status})
        }
        render(toRender, isWon)
    }
    const render = (word, isWon) =&gt; {
        const attemptElements = [].slice.call(attempts[currentAttempt].querySelectorAll(&#39;.letter&#39;))
        let knownKeys = []
        for (i=0; i&lt;5; i++) {
            setTimeout(renderLetter, 300 * i, attemptElements[i], word[i].status)
            knownKeys.push( 
                {key: document.querySelector(`[data-letter=${word[i].letter}]`),
                status: word[i].status}
            )
        }
        knownKeys.forEach(letter =&gt; {
            if (letter.status != &#39;orange&#39;) {
                setTimeout(function() {letter.key.classList.add(letter.status)}, 300 * 5)
            }
        })
        if (isWon) {
            setTimeout(function() {alert(`Syabas! Kali ini anda berjaya menangkap nama pilihan TKHI. Cuba lagi.`)}, 300*5)
            setTimeout(function() {
                history.go(0)
            }, 300*5)
            return
        }
    }
    const renderLetter = (cell, status) =&gt; {
        cell.classList.add(status)
    }
    const keyPress = (e) =&gt; {
        let key = e.key.toLowerCase() 
        if (letters.includes(key) || e.keyCode == 13 || e.keyCode == 8) {               
            document.querySelector(`[data-letter=${key}`).click()   
        }
    }
    window.addEventListener(&#39;keydown&#39;, keyPress)
}
newGame(dictionary)
    &lt;/script&gt;
&lt;div style=&quot;font: small Sans-serif; margin-top: 6px;&quot;&gt;Warna petanda:&lt;/div&gt;
&lt;div style=&quot;font: small Sans-serif; margin: 2px auto; text-align: center;&quot;&gt;
  &lt;div style=&quot;background: #9fc5e8; border: 1px solid #ccc; padding: 2px;&quot;&gt;Tepat&lt;/div&gt;
  &lt;div style=&quot;background: #fce5cd; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 2px;&quot;&gt;Huruf dalam ejaan, salah petak&lt;/div&gt;
  &lt;div style=&quot;background: #afafaf; border: 1px solid #ccc; padding: 2px;&quot;&gt;Huruf tiada dalam ejaan atau, huruf yang sama berada di salah petak&lt;/div&gt;&lt;/div&gt;
&lt;br/&gt;
&lt;div class=&quot;labi&quot; style=&quot;font: 10px sans-serif;&quot;&gt;
Senarai nama:&lt;br/&gt;
  &quot;BESUT&quot; (Terengganu), &quot;CHILE&quot;, &quot;CHINA&quot;, DALAT&quot; (Sarawak), &quot;GHANA&quot;, &quot;HAITI&quot;, &quot;INDIA&quot;, &quot;ITALI&quot;, &quot;JASIN&quot; (Melaka), &quot;JOHOR&quot;, &quot;JULAU&quot; (Sarawak), &quot;KAPIT (Sarawak), &quot;KEDAH&quot;, &quot;KENYA&quot;, &quot;KINTA&quot; (Perak), &quot;KLANG&quot; (Selangor), &quot;KUDAT&quot; (Sabah), &quot;KULAI&quot; (Johor), &quot;KULIM&quot; (Kedah), &quot;KUNAK&quot; (Sabah), &quot;LARUT&quot; (Perak) &quot;LAWAS&quot; (Sarawak), &quot;LIBYA&quot;, &quot;LIPIS&quot; (Pahang), &quot;LUNDU&quot; (Sarawak), &quot;MALTA&quot;, &quot;MARAN&quot; (Pahang), &quot;MUKAH&quot; (Sarawak), &quot;NEPAL&quot;, &quot;PAGOH&quot; (Johor), &quot;PAKAN&quot; (Sarawak), &quot;PANTU&quot; (Sarawak), &quot;PAPAR&quot; (Sabah), &quot;PEKAN&quot; (Pahang), &quot;PERAK&quot;, &quot;PITAS&quot; (Sabah), &quot;RANAU&quot; (Sabah), &quot;RUSIA&quot;, &quot;SABAH&quot;, &quot;SETIU&quot; (Terengganu), &quot;SUBIS&quot; (Sarawak), &quot;SAMOA&quot;, &quot;SUDAN&quot;, &quot;SYRIA&quot;, &quot;TATAU&quot; (Sarawak), &quot;TAWAU&quot; (Sabah), &quot;TENOM&quot; (Sabah), &quot;YAMAN&quot;&lt;/div&gt;
&lt;br/&gt;
&lt;div style=&quot;color: brown; font: italic 400 12px Merriweather, Georgia, serif; margin-bottom: 8px; max-width: 400px;&quot;&gt;
  Perhatian: Permainan ini dihasilkan untuk &#39;permainan berfikir yang santai&#39;. Pengarang tidak bertanggung jawab di atas sebarang ketidakpuasan atau sebarang kerosakan akibat dari menggunakan permainan ini. Guna atas risiko sendiri.&lt;/div&gt;
&lt;div style=&quot;color: #737373; font: italic 400 12px Merriweather, Georgia, serif; margin-bottom: 4px;&quot;&gt;- Sekiranya ada terdapat kesilapan nama, harap komen.&lt;/div&gt;</description><link>https://orandableg.blogspot.com/2024/01/teka-kata-4124.html</link><author>noreply@blogger.com (Orandableg)</author><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-3588199760722810672</guid><pubDate>Sun, 31 Dec 2023 22:48:00 +0000</pubDate><atom:updated>2024-02-22T02:24:17.318+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">dr kameraku</category><category domain="http://www.blogger.com/atom/ns#">gambar</category><category domain="http://www.blogger.com/atom/ns#">gambaran</category><category domain="http://www.blogger.com/atom/ns#">syot kilat</category><title>(Gambar) Hari tu hujan lebat, minggu ni panas terik, esok belum tahu</title><description>&lt;style&gt;
  body {
    background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    linear-gradient(90deg, #917263, #cfe2f3);  
  background-attachment: fixed;
  }
    .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.4);
}
&lt;/style&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUZTRgjCk3UpCToR4BC_9elCfjAsw39GnvJ3NCqDQvXrdQAEmgL8mwRxUWDQzfoVZNgf1Sv2iodP7Bk7KIKS3D1vcD4dDamlNPedu-dV_ExvS4edj6_DlfLO8rno3C6RquwE8ylW6VplaFIzRrgKjGx6LUj7SyY7knyiOY2PRWsPNr3Sc-mFNM5t1r0hU/s1320/DSC0%20panas%20terik.JPG&quot; style=&quot;margin-left: auto; margin-right: auto; text-align: center;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUZTRgjCk3UpCToR4BC_9elCfjAsw39GnvJ3NCqDQvXrdQAEmgL8mwRxUWDQzfoVZNgf1Sv2iodP7Bk7KIKS3D1vcD4dDamlNPedu-dV_ExvS4edj6_DlfLO8rno3C6RquwE8ylW6VplaFIzRrgKjGx6LUj7SyY7knyiOY2PRWsPNr3Sc-mFNM5t1r0hU/s600/DSC0%20panas%20terik.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Hari tu hujan lebat, minggu ni panas terik, esok belum tahu&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;div style=&quot;font-family: Sans-serif; margin-top: 5px;&quot;&gt;Bt. 10 Jln Bakri 5:40 ptg 28.02.21&lt;/div&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2024/01/gambar-semalam-hujan-lebat-hari-ni.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUZTRgjCk3UpCToR4BC_9elCfjAsw39GnvJ3NCqDQvXrdQAEmgL8mwRxUWDQzfoVZNgf1Sv2iodP7Bk7KIKS3D1vcD4dDamlNPedu-dV_ExvS4edj6_DlfLO8rno3C6RquwE8ylW6VplaFIzRrgKjGx6LUj7SyY7knyiOY2PRWsPNr3Sc-mFNM5t1r0hU/s72-c/DSC0%20panas%20terik.JPG" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-9042504093138327153</guid><pubDate>Sun, 31 Dec 2023 16:55:00 +0000</pubDate><atom:updated>2024-01-01T01:08:15.822+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">bagaimana</category><category domain="http://www.blogger.com/atom/ns#">css</category><category domain="http://www.blogger.com/atom/ns#">jam</category><category domain="http://www.blogger.com/atom/ns#">JS</category><category domain="http://www.blogger.com/atom/ns#">tahun baru</category><title>Penghitung hari</title><description>Terlebih dahulu, &lt;span style=&quot;font: 600 large Georgia;&quot;&gt;Selamat menyambut Tahun Baru&lt;/span&gt; kepada semua yg berkunjung.&lt;br/&gt;
&lt;br/&gt;
&lt;img  src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiVfM8ZSAJWS3eWHNpJ5rDpOQ6uoFCthVfR_lbAKaeAF3VrBmFPhR6cXGoxlJYsmnrfokqo9CaBM3-FwXy4z0d2Ydc9LxyhgnY9im5r71cF_YwkGk6lsI36LIiFvzXJZZCiHXcoEVWvA_xEalxnMFZU6jurEvzbm_Xu3CIgqmMXLk-I7YsYaRw9O5m4BQ/s200/ct%20down.png&quot;/&gt;&lt;br/&gt;
&lt;br/&gt;
&lt;div class=&quot;labu&quot;&gt;
  &lt;div class=&quot;bks&quot;&gt;
    Baki masa tahun 2024 - countdown ke tahun 2025&lt;/div&gt;
  &lt;div class=&quot;pkira&quot;&gt;
    &lt;div class=&quot;kotak&quot;&gt;
      &lt;span class=&quot;num&quot; id=&quot;day-box&quot;&gt;000&lt;/span&gt;
      &lt;span class=&quot;text&quot;&gt;Hari&lt;/span&gt;
    &lt;/div&gt;
    &lt;div class=&quot;kotak&quot;&gt;
      &lt;span class=&quot;num&quot; id=&quot;hr-box&quot;&gt;00&lt;/span&gt;
      &lt;span class=&quot;text&quot;&gt;Jam&lt;/span&gt;
     &lt;/div&gt;
    &lt;div class=&quot;kotak&quot;&gt;
      &lt;span class=&quot;num&quot; id=&quot;min-box&quot;&gt;00&lt;/span&gt;
      &lt;span class=&quot;text&quot;&gt;Minit&lt;/span&gt;
     &lt;/div&gt;
    &lt;div class=&quot;kotak&quot;&gt;
      &lt;span class=&quot;num&quot; id=&quot;sec-box&quot;&gt;00&lt;/span&gt;
      &lt;span class=&quot;text&quot;&gt;Saat&lt;/span&gt;
     &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;          
&lt;style&gt;
  body {
  background: linear-gradient(170deg, #75929e, #6B8792, #aaa, #aaa);   
  background-attachment: fixed;
  }
.labu *, .labu *::before, .labu *::after { box-sizing: border-box; color: #fff;}
  .labu {
    height: 100%;
    width: 100%;
  }
  .bks {
    font: large Georgia; 
    background: #333;
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    width: 100%;
  }
  .pkira {
    margin-top: 0;
    background: #1a1a1a;
    display: flex;
    border-radius: 8px;
  }
  .kotak {
    font-family: Georgia;
    text-shadow: 1px 1px 3px #b45f06;
    margin: auto;
    padding-bottom: 1.4em;
    padding-top: .4em;
    align-items: center;
    justify-content: space-evenly;
    width: 6em;
    height: 8em;
    position: relative;
  }
  span.num {
    background: rgba(255, 255, 255, 0.08);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    font-weight: 600;
    height: 100%;
    width: 100%;
    display: grid;  
    place-items: center;
    font-size: 2.8em;    
    box-shadow: 0 0 25px rgba(255, 255, 0, 0.3);
    border-radius: 8px;
  }
  span.num:after {
    content:&quot;&quot;;
    position: absolute;
    background: rgba(255, 255, 255, 0.08);  
    height: 100%;
    width: 50%;
    left: 0;
  }
  .text {
    font-size: 1em;
    background: rgba(255, 255, 255, 0.7);
    color: #111;
    display: block;
    width: 80%;
    position: relative;
    text-align: center;
    border-radius: 0.3em;
    border: 1px solid white;
    bottom: 20px;   
    margin-top: 10px;   
  }
 @media screen and (max-width: 600px) {
  span.num {
    font-size: 1.8em;
    }
  }
&lt;/style&gt;
&lt;script&gt;
 let daybox=document.getElementById(&quot;day-box&quot;);
let hrbox=document.getElementById(&quot;hr-box&quot;);
let minbox=document.getElementById(&quot;min-box&quot;);
let secbox=document.getElementById(&quot;sec-box&quot;);
let endDate=new Date(2025,0,1,00,00);
let endTime=endDate.getTime();

function countdown(){
    let todayDate=new Date();
    let todayTime=todayDate.getTime();
    let remainTime=endTime-todayTime;
    let onemin=60*1000; //1min =60* 1000 milisecond (1sec in)
    let onehr=60*onemin; //1 hr = 1min * 60 
    let oneDay=24*onehr; // 1day = 24 * 1hr 
    let addZeros=(num)=&gt;(num&lt;10?`0${num}`:num);

    if(endTime&lt;todayTime){
        clearInterval(i);
        document.querySelector(
            &quot;.pkira&quot;
        ).innerHTML=`&lt;h1&gt; Countdown Telah Tamat&lt;/h1&gt;`;
    }else{
        let daysleft=Math.floor(remainTime/oneDay);
        let hrsleft=Math.floor((remainTime%oneDay)/onehr);
        let minleft=Math.floor((remainTime%onehr)/onemin);
        let secleft=Math.floor((remainTime%onemin)/1000);

        daybox.textContent=addZeros(daysleft);
        hrbox.textContent=addZeros(hrsleft);
        minbox.textContent=addZeros(minleft);
        secbox.textContent=addZeros(secleft);
    }
}
let i = setInterval(countdown, 1000);
countdown();
&lt;/script&gt;&lt;br/&gt;
&lt;button onclick=&quot;if(document.getElementById(&#39;cb01&#39;) .style.display==&#39;none&#39;) {document.getElementById(&#39;cb01&#39;).style.display=&#39;&#39;}else{document.getElementById(&#39;cb01&#39;) .style.display=&#39;none&#39;}&quot; type=&quot;button&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Lihat teks HTML&lt;/span&gt;&lt;/button&gt;&lt;br /&gt;
&lt;div id=&quot;cb01&quot; style=&quot;background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); font: small Courier; padding: 10px; display: none;&quot;&gt;
  &amp;lt;div class=&quot;labu&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;div class=&quot;bks&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; Baki masa tahun 2024 - countdown ke tahun 2025&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;div class=&quot;pkira&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;kotak&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class=&quot;num&quot; id=&quot;day-box&quot;&amp;gt;000&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class=&quot;text&quot;&amp;gt;Hari&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;kotak&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class=&quot;num&quot; id=&quot;hr-box&quot;&amp;gt;00&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class=&quot;text&quot;&amp;gt;Jam&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;kotak&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class=&quot;num&quot; id=&quot;min-box&quot;&amp;gt;00&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class=&quot;text&quot;&amp;gt;Minit&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;lt;div class=&quot;kotak&quot;&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class=&quot;num&quot; id=&quot;sec-box&quot;&amp;gt;00&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;lt;span class=&quot;text&quot;&amp;gt;Saat&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;nbsp; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;lt;style&amp;gt;&lt;br /&gt;.labu *, .labu *::before, .labu *::after { box-sizing: border-box; color: #fff;}&lt;br /&gt;&amp;nbsp; .labu {&lt;br /&gt;&amp;nbsp; &amp;nbsp; height: 100%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; width: 100%;&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; .bks {&lt;br /&gt;&amp;nbsp; &amp;nbsp; font: large Georgia;&amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;nbsp; background: #333;&lt;br /&gt;&amp;nbsp; &amp;nbsp; border-radius: 8px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; padding: 10px;&lt;br /&gt;&amp;nbsp; &amp;nbsp; text-align: center;&lt;br /&gt;&amp;nbsp; &amp;nbsp; width: 100%;&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; .pkira {&lt;br /&gt;&amp;nbsp; &amp;nbsp; margin-top: 0;&lt;br /&gt;&amp;nbsp; &amp;nbsp; background: #1a1a1a;&lt;br /&gt;&amp;nbsp; &amp;nbsp; display: flex;&lt;br /&gt;&amp;nbsp; &amp;nbsp; border-radius: 8px;&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; .kotak {&lt;br /&gt;&amp;nbsp; &amp;nbsp; font-family: Georgia;&lt;br /&gt;&amp;nbsp; &amp;nbsp; text-shadow: 1px 1px 3px #b45f06;&lt;br /&gt;&amp;nbsp; &amp;nbsp; margin: auto;&lt;br /&gt;&amp;nbsp; &amp;nbsp; padding-bottom: 1.4em;&lt;br /&gt;&amp;nbsp; &amp;nbsp; padding-top: .4em;&lt;br /&gt;&amp;nbsp; &amp;nbsp; align-items: center;&lt;br /&gt;&amp;nbsp; &amp;nbsp; justify-content: space-evenly;&lt;br /&gt;&amp;nbsp; &amp;nbsp; width: 6em;&lt;br /&gt;&amp;nbsp; &amp;nbsp; height: 8em;&lt;br /&gt;&amp;nbsp; &amp;nbsp; position: relative;&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; span.num {&lt;br /&gt;&amp;nbsp; &amp;nbsp; background: rgba(255, 255, 255, 0.08);&lt;br /&gt;&amp;nbsp; &amp;nbsp; -webkit-backdrop-filter: blur(12px);&lt;br /&gt;&amp;nbsp; &amp;nbsp; backdrop-filter: blur(12px);&lt;br /&gt;&amp;nbsp; &amp;nbsp; font-weight: 600;&lt;br /&gt;&amp;nbsp; &amp;nbsp; height: 100%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; width: 100%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; display: grid;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;nbsp; place-items: center;&lt;br /&gt;&amp;nbsp; &amp;nbsp; font-size: 2.8em;&amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;nbsp; box-shadow: 0 0 25px rgba(255, 255, 0, 0.3);&lt;br /&gt;&amp;nbsp; &amp;nbsp; border-radius: 8px;&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; span.num:after {&lt;br /&gt;&amp;nbsp; &amp;nbsp; content:&quot;&quot;;&lt;br /&gt;&amp;nbsp; &amp;nbsp; position: absolute;&lt;br /&gt;&amp;nbsp; &amp;nbsp; background: rgba(255, 255, 255, 0.08);&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;nbsp; height: 100%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; width: 50%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; left: 0;&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp; .text {&lt;br /&gt;&amp;nbsp; &amp;nbsp; font-size: 1em;&lt;br /&gt;&amp;nbsp; &amp;nbsp; background: rgba(255, 255, 255, 0.7);&lt;br /&gt;&amp;nbsp; &amp;nbsp; color: #111;&lt;br /&gt;&amp;nbsp; &amp;nbsp; display: block;&lt;br /&gt;&amp;nbsp; &amp;nbsp; width: 80%;&lt;br /&gt;&amp;nbsp; &amp;nbsp; position: relative;&lt;br /&gt;&amp;nbsp; &amp;nbsp; text-align: center;&lt;br /&gt;&amp;nbsp; &amp;nbsp; border-radius: 0.3em;&lt;br /&gt;&amp;nbsp; &amp;nbsp; border: 1px solid white;&lt;br /&gt;&amp;nbsp; &amp;nbsp; bottom: 20px;&amp;nbsp; &amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;nbsp; margin-top: 10px;&amp;nbsp; &amp;nbsp;&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;nbsp;@media screen and (max-width: 600px) {&lt;br /&gt;&amp;nbsp; span.num {&lt;br /&gt;&amp;nbsp; &amp;nbsp; font-size: 1.8em;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;&amp;nbsp; }&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;nbsp;let daybox=document.getElementById(&quot;day-box&quot;);&lt;br /&gt;let hrbox=document.getElementById(&quot;hr-box&quot;);&lt;br /&gt;let minbox=document.getElementById(&quot;min-box&quot;);&lt;br /&gt;let secbox=document.getElementById(&quot;sec-box&quot;);&lt;br /&gt;let endDate=new Date(2025,0,1,00,00);&lt;br /&gt;let endTime=endDate.getTime();&lt;br /&gt;function countdown(){&lt;br /&gt;&amp;nbsp; &amp;nbsp; let todayDate=new Date();&lt;br /&gt;&amp;nbsp; &amp;nbsp; let todayTime=todayDate.getTime();&lt;br /&gt;&amp;nbsp; &amp;nbsp; let remainTime=endTime-todayTime;&lt;br /&gt;&amp;nbsp; &amp;nbsp; let onemin=60*1000; //1min =60* 1000 milisecond (1sec in)&lt;br /&gt;&amp;nbsp; &amp;nbsp; let onehr=60*onemin; //1 hr = 1min * 60&amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;nbsp; let oneDay=24*onehr; // 1day = 24 * 1hr&amp;nbsp;&lt;br /&gt;&amp;nbsp; &amp;nbsp; let addZeros=(num)=&amp;gt;(num&amp;lt;10?`0${num}`:num);&lt;br /&gt;&amp;nbsp; &amp;nbsp; if(endTime&amp;lt;todayTime){&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; clearInterval(i);&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; document.querySelector(&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; &quot;.pkira&quot;&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; ).innerHTML=`&amp;lt;h1&amp;gt; Countdown Telah Tamat&amp;lt;/h1&amp;gt;`;&lt;br /&gt;&amp;nbsp; &amp;nbsp; }else{&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; let daysleft=Math.floor(remainTime/oneDay);&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; let hrsleft=Math.floor((remainTime%oneDay)/onehr);&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; let minleft=Math.floor((remainTime%onehr)/onemin);&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; let secleft=Math.floor((remainTime%onemin)/1000);&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; daybox.textContent=addZeros(daysleft);&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; hrbox.textContent=addZeros(hrsleft);&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; minbox.textContent=addZeros(minleft);&lt;br /&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp; secbox.textContent=addZeros(secleft);&lt;br /&gt;&amp;nbsp; &amp;nbsp; }&lt;br /&gt;}&lt;br /&gt;let i = setInterval(countdown, 1000);&lt;br /&gt;countdown();&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br/&gt;&lt;div align=&quot;center&quot;&gt;&lt;button onclick=&quot;if(document.getElementById(&#39;cb01&#39;) .style.display==&#39;none&#39;) {document.getElementById(&#39;cb01&#39;).style.display=&#39;&#39;}else{document.getElementById(&#39;cb01&#39;) .style.display=&#39;none&#39;}&quot; type=&quot;button&quot;&gt;&lt;span style=&quot;font-size: small;&quot;&gt;Tutup&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;
&lt;br/&gt;
  &lt;div style=&quot;color: #737373; font: italic 400 12px Merriweather, Georgia, serif; margin-bottom: 5px; max-width: 400px; padding-left: 6px;&quot;&gt;* Dikemaskini 01/01/24&lt;/div&gt;</description><link>https://orandableg.blogspot.com/2023/09/menghitung-hari.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiVfM8ZSAJWS3eWHNpJ5rDpOQ6uoFCthVfR_lbAKaeAF3VrBmFPhR6cXGoxlJYsmnrfokqo9CaBM3-FwXy4z0d2Ydc9LxyhgnY9im5r71cF_YwkGk6lsI36LIiFvzXJZZCiHXcoEVWvA_xEalxnMFZU6jurEvzbm_Xu3CIgqmMXLk-I7YsYaRw9O5m4BQ/s72-c/ct%20down.png" height="72" width="72"/><thr:total>0</thr:total></item><item><guid isPermaLink="false">tag:blogger.com,1999:blog-2804462402632180792.post-67630174368565036</guid><pubDate>Mon, 25 Dec 2023 08:49:00 +0000</pubDate><atom:updated>2023-12-25T16:49:01.004+08:00</atom:updated><category domain="http://www.blogger.com/atom/ns#">dr kameraku</category><category domain="http://www.blogger.com/atom/ns#">gambar</category><title>(Gambar) Kering dan layu</title><description>&lt;style&gt;
  body {
    background-image: radial-gradient(
      circle at 46% 40%,
      rgba(228, 228, 228, 0.06) 0%,
      rgba(228, 228, 228, 0.06) 13%,
      transparent 13%,
      transparent 100%
    ),
    radial-gradient(
      circle at 11% 41%,
      rgba(198, 198, 198, 0.06) 0%,
      rgba(198, 198, 198, 0.06) 19%,
      transparent 19%,
      transparent 100%
    ),
    radial-gradient(
      circle at 52% 23%,
      rgba(14, 14, 14, 0.06) 0%,
      rgba(14, 14, 14, 0.06) 69%,
      transparent 69%,
      transparent 100%
    ),
    radial-gradient(
      circle at 13% 85%,
      rgba(148, 148, 148, 0.06) 0%,
      rgba(148, 148, 148, 0.06) 44%,
      transparent 44%,
      transparent 100%
    ),
    radial-gradient(
      circle at 57% 74%,
      rgba(232, 232, 232, 0.06) 0%,
      rgba(232, 232, 232, 0.06) 21%,
      transparent 21%,
      transparent 100%
    ),
    radial-gradient(
      circle at 59% 54%,
      rgba(39, 39, 39, 0.06) 0%,
      rgba(39, 39, 39, 0.06) 49%,
      transparent 49%,
      transparent 100%
    ),
    radial-gradient(
      circle at 98% 38%,
      rgba(157, 157, 157, 0.06) 0%,
      rgba(157, 157, 157, 0.06) 24%,
      transparent 24%,
      transparent 100%
    ),
    radial-gradient(
      circle at 8% 6%,
      rgba(60, 60, 60, 0.06) 0%,
      rgba(60, 60, 60, 0.06) 12%,
      transparent 12%,
      transparent 100%
    ),
    linear-gradient(90deg, #917263, #cfe2f3);  
  background-attachment: fixed;
  }
    .item-view .post-wrapper {
background: rgba(255, 255, 255, 0.4);
}
&lt;/style&gt;
&lt;table align=&quot;center&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;tr-caption-container&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style=&quot;text-align: center;&quot;&gt;&lt;a href=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYR5dZvrA4iU0jjyzaSA72Vy261w5jOFwgcYGbct0QCVSxOWfGW0r8VFSy2BDagxbeTbYUVjrg0mtLgHTDfES-8-R0w5sy7V05WH7GfArbsOQjIxQbYBAancncccO-kAMt64xubV8D5AKlG1maHEdRX08XmgOZTL5qNRXPuEjFPEfAU4Su7zTGHAVNv7Q/s1173/DSC0%20kering%20dan%20layu.JPG&quot; style=&quot;margin-left: auto; margin-right: auto;&quot;&gt;&lt;img src=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYR5dZvrA4iU0jjyzaSA72Vy261w5jOFwgcYGbct0QCVSxOWfGW0r8VFSy2BDagxbeTbYUVjrg0mtLgHTDfES-8-R0w5sy7V05WH7GfArbsOQjIxQbYBAancncccO-kAMt64xubV8D5AKlG1maHEdRX08XmgOZTL5qNRXPuEjFPEfAU4Su7zTGHAVNv7Q/s600/DSC0%20kering%20dan%20layu.JPG&quot; style=&quot;border-radius: 8px;&quot;/&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td class=&quot;tr-caption&quot; style=&quot;text-align: center;&quot;&gt;Kering dan layu&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;div style=&quot;font-family: Sans-serif; margin-top: 5px;&quot;&gt;Tg. Agas 5:30 ptg 11.01.20&lt;/div&gt;&lt;br/&gt;</description><link>https://orandableg.blogspot.com/2023/12/gambar-kering-dan-layu.html</link><author>noreply@blogger.com (Orandableg)</author><media:thumbnail xmlns:media="http://search.yahoo.com/mrss/" url="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYR5dZvrA4iU0jjyzaSA72Vy261w5jOFwgcYGbct0QCVSxOWfGW0r8VFSy2BDagxbeTbYUVjrg0mtLgHTDfES-8-R0w5sy7V05WH7GfArbsOQjIxQbYBAancncccO-kAMt64xubV8D5AKlG1maHEdRX08XmgOZTL5qNRXPuEjFPEfAU4Su7zTGHAVNv7Q/s72-c/DSC0%20kering%20dan%20layu.JPG" height="72" width="72"/><thr:total>0</thr:total></item></channel></rss>