<!---->
<head>
*/
@charset "UTF-8";
:root {
--key: $(keycolor);
--bg: $(bg);
--bg_btn: $(bgBtn);
--text: $(text);
--border: $(border);
--radius: $(radius);
--card_shadow : 0 10px 15px -3px rgb(0 0 0 / 5%), 0 4px 6px -2px rgb(0 0 0 / 5%);
--inset_shadow : inset 0 -1px 0 0 rgba(0 0 0 / 10%);
}
*, *:before, *:after { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust: 100%; box-sizing: border-box; word-wrap: break-word; outline: 0; padding: 0; margin: 0; } @media only screen and (max-width: 768px) { * { cursor: default !important; } } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; /* Firefox */ } body { display: flex; min-height: 100vh; background: var(--key); color: var(--text); font-size: 14px; line-height: 1.4; padding: 60px; } @media only screen and (max-width: 768px) { body { font-size: 14px; line-height: 1.4; padding: 0; } } a { text-decoration: none; color: var(--text); } h1, h2, h3, h4, h5, h6 { font-weight: 400; } hr { border: 0; border-top: 1px solid var(--border); } img { display: block; max-width: 100%; visibility: visible; opacity: 1; transition: .1s; } img[data-src] { visibility: hidden; opacity: 0; } b { font-weight: 500; } .wrapper { margin: auto; width: 480px; max-width: 100%; padding: 60px 30px 30px; border-radius: var(--radius); overflow: hidden; box-shadow: 0 0 0 1px rgba(0 0 0 / 10%), 0 5px 25px rgba(0 0 0 / 10%); background: var(--bg); } @media only screen and (max-width: 768px) { .wrapper { width: 768px; border: none; border-radius: 0; } } header { text-align: center; } header figure { display: block; padding-top: 50%; width: calc(100% + 60px); background: var(--key) no-repeat center center; background-size: cover; margin-top: -60px; margin-left: -30px; margin-bottom: -50px; box-shadow: inset 0 -5px 0 0 rgba(0 0 0 / 5%); } header img { position: relative; margin: auto; width: 100px; height: 100px; border-radius: 100px; box-shadow: 0 0 0 5px rgba(0 0 0 / 5%); object-fit: cover; margin-bottom: 30px; } header h1 { margin-bottom: 10px; font-weight: 500; font-size: 180%; } main { display: grid; grid-gap: 30px; padding: 30px 0; } main #content-button { display: grid; grid-gap: 30px; } main nav#socmed { margin: auto; width: calc(100% + 60px); margin-left: -30px; padding: 0 30px; padding-top: 30px; border-top: 1px solid var(--border); } main nav#socmed ul { display: flex; grid-gap: 10px; margin: auto; } main nav#socmed ul li { width: 100%; } main nav#socmed ul li, main nav#socmed ul li a { display: block; } main nav#socmed ul li a { box-shadow: inset 0 -1px 0 0 var(--border); display: grid; grid-template-columns: 1fr auto; border: 1px solid var(--border); padding: 10px; white-space: nowrap; width: 100%; border-radius: var(--radius); background: var(--bg_btn); } main nav#socmed ul li a:active { box-shadow: none; } main nav#socmed ul li a img { margin: auto; max-width: 20px; } main nav#highlight { margin: auto; width: calc(100% + 60px); margin-left: -30px; padding: 0 30px; padding-bottom: 15px; margin-bottom: -15px; overflow: auto; } main nav#highlight .section { display: block; white-space: nowrap; } main nav#highlight .section .widget { display: inline-block; width: 85%; margin-right: 10px; } main nav#highlight .section .widget:last-of-type { margin-right: 30px; } main nav#highlight .section .widget a { display: block; background: var(--bg_btn); border: 1px solid var(--border); box-shadow: inset 0 -1px 0 0 var(--border); border-radius: var(--radius); overflow: hidden; } main nav#highlight .section .widget a img { width: 100%; height:auto; border-radius: var(--radius) var(--radius) 0 0; } main nav#highlight .section .widget a:active { box-shadow: none; } main nav#highlight .section .widget a span { display: block; border-top: .5px solid var(--border); padding: 20px; } main nav#highlight .section .widget a span .title, main nav#highlight .section .widget a span .caption { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } main #content-text { display: grid; grid-gap: 20px; } main #content-text .widget a { display: block; box-shadow: inset 0 -1px 0 0 var(--border); display: grid; grid-template-columns: 32px 1fr; border: 1px solid var(--border); padding: 20px; grid-gap: 20px; border-radius: var(--radius); font-weight: 500; background: var(--bg_btn); } main #content-text .widget a:active { box-shadow: none; } main #content-text .widget a figure { display: flex; } main #content-text .widget a figure img { margin: auto; margin-top: 0; width: 32px; height: 32px; } main #content-text .widget a b { display: flex; } main #content-text .widget a b span { display: block; margin: auto; } footer { text-align: center; font-size: 90%; letter-spacing: 1px; color: var(--gray); }
]]>
h4:after { font-size:12px } body#layout:after { display:block;font-family:Roboto,sans-serif;font-size:14px;color:rgba(0,0,0,0.54);line-height:1;text-align:center;visibility:visible;padding:20px 0 30px } body#layout #hidden-widgets { display:none!important}
]]>
<!--
-->
</head>
https://blogger.googleusercontent.com/img/a/AVvXsEh2gVxu7uRlPU5UXBx9zXeIsmcczXvaVZRWAc43MA3uGcotk6_9SqXdw6sugJhVlGjug54Sg4ERtIOGeOCdsrsIOhPeRhuv8_zEU3H576PifNS-MjZHAeF8C8wdHXA6V-SnnMjnEhHvBE-t5twJZswz039xHGjYwPpDb6d5NHffmn4Q7fPvL82QG02E=s800
800
420
false
800
Klik disini untuk info selengkapnya.
https://blogger.googleusercontent.com/img/a/AVvXsEgpnYzU_WZRyCcnVA_QXT08Pt5tgjZIhXEjeQM-iaeXxqURyAO7i3zobcfkEpeMBJxTFcXQWxtggHozOdZ38rJ_amAOn-qgDQvu8gIj7lKzmPYHB2e861YmTpLNiBUJoLaI1CjYnAiSbakSywOrOb2KnBbkeYxfIn4_nOcsqLwgC3tOSXx7R09dKRGp=s800
800
425
false
800
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7lQ7UigIa4_24mSC0a_4voejVJjVwaGgR1igT8VBjyXdZM8pFMHIEFa5gcxIVOmJWT7PrGMEIPe1KHu-ZtXx5VsGrguN0Rn3Ks2fXPzMchWGiSBEOmIpRXzXlfPjQhK9bsJjs4MC-ZoHnpHBcTrgaswPDakvaj60fKCtb_p0TbUcWJoXgLrtnFRNt/s1600/1.jpg
1600
703
false
1280
https://item.kangrian.net/2022/05/daily-ridebag-11-3-in-1-tas-multifungsi.html
249.000 149.000 ]]>
https://images.tokopedia.net/img/cache/900/VqbcmM/2021/8/28/80b0146d-7a0b-4db9-bcbe-539fa32c519a.jpg
768
768
false
768
https://lapak.kangrian.net
Test
https://images.tokopedia.net/img/cache/900/VqbcmM/2021/8/28/80b0146d-7a0b-4db9-bcbe-539fa32c519a.jpg
768
768
false
768
https://lapak.kangrian.net
Test
https://images.tokopedia.net/img/cache/900/VqbcmM/2021/8/28/80b0146d-7a0b-4db9-bcbe-539fa32c519a.jpg
768
768
false
768
https://lapak.kangrian.net
Test
32
150
false
32
https://lapak.kangrian.net
Lapak - KangRian.NET
32
150
false
32
https://tokopedia.com/kangrian
TokoPedia - Kang Rian
32
425
false
32
https://shopee.co.id/kangrian
Shopee - Kang Rian
https://cdn-icons-png.flaticon.com/512/1384/1384060.png
512
425
false
512
https://www.youtube.com/kangrian
Channel - Kang Rian
32
425
false
32
https://lapak.kangrian.net
Blogger Template
32
425
false
32
https://lapak.kangrian.net
Blogger Template
https://facebook.com/kangriandotnet
NONE
https://www.tiktok.com/@kangriannn
Telegram
https://t.me/lapak_kangrian
WhatsApp
https://instagram.com/kangriannn
Facebook
https://api.whatsapp.com/send/?phone=6289618885066
Instagram
TikTok
<!---->
</body>