/*
  License by Suryo Dwijayanto
*/
::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-thumb{background:#fff0;-webkit-box-shadow:inset 0 0 0 #fff0}::-webkit-scrollbar-thumb:window-inactive{background:#fff0}.animate-zoom{animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)}to{transform:scale(1)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{padding:0;margin:0;background:#efefef;color:#111;font-family:sans-serif}header{display:flex;background:#fff;padding:10px;align-items:center;font-size:14px;box-shadow:0 5px 10px rgb(0 0 0 / .2)}h1,h2,h3,h4,h5,p{padding:0;margin:0}a{text-decoration:none;cursor:pointer;transition:0.4s;color:#1d8ce9}a:hover{color:#0f5590}.mb8{margin-bottom:8px}.mb30{margin-bottom:30px}.fs12{font-size:12px}button{background:#fff0;cursor:pointer;border:none;transition:0.4s}.xicon{width:48px;height:48px;margin:10px}.kscontent{width:900px;padding:20px;margin:0 auto;border-radius:10px;background:#fff;line-height:1.5;box-shadow:2px 0 5px rgb(0 0 0 / .2),-2px 0 5px rgb(0 0 0 / .2),0 2px 5px rgb(0 0 0 / .2),0 -2px 5px rgb(0 0 0 / .2)}form{width:600px;padding:20px;margin:0 auto;border-radius:10px;background:#fff;box-shadow:2px 0 5px rgb(0 0 0 / .2),-2px 0 5px rgb(0 0 0 / .2),0 2px 5px rgb(0 0 0 / .2),0 -2px 5px rgb(0 0 0 / .2)}input[type=text],input[type=password],select{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}input[type=submit]{width:100%;background-color:#4CAF50;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer;transition:0.4s}input[type=submit]:hover{background-color:#45a049}pre{padding:20px;background:#222;color:#fff;width:100%;height:480px;overflow:auto;margin:8px 0;border-radius:5px}.kssection{display:flex;overflow:auto;margin-bottom:8px}.kssection img{width:285px}footer{background:#fff;box-shadow:0 -5px 10px rgb(0 0 0 / .2);padding:10px}.btn{padding:8px 16px;background:orange;color:#fff;border-radius:5px}.btn:hover{background:c58000}.column{float:left;width:33.33%;padding:10px;line-height:1.5}.row:after{content:"";display:table;clear:both}@media only screen and (max-width:645px){.column{width:100%}form{width:90%}.kssection img{width:150px}}@media only screen and (max-width:945px){.kscontent{width:90%}}