html,body{margin:0;width:100%;font-family:Arial,sans-serif}#m,#f{position:absolute;width:500px;left:50%;border-radius:8px;background:radial-gradient(ellipse, #fff 43%, #e5e5e5 100%);box-shadow:3px 3px 5px 0 rgba(5,5,5,.4);padding:20px;margin:15px 0 0 -300px}#m span{float:right}#list li:hover{background:radial-gradient(ellipse, #efefef 43%,#fff 100%);cursor:hand;cursor:pointer}#c{position:absolute;top:0;left:0}ul,li{list-style-type:none;padding:0;margin:0}#b,#s{column-count:2;column-gap:20px;margin:0 20px;padding:0}button{position:absolute;right:0}#w{position:absolute;top:30px;right:10px}#x,#ok,#cancel,.ok{text-align:center;background:linear-gradient(top, #ffb76b 0, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%);color:#fff;margin:5px auto;width:200px;padding:5px;text-shadow:#000 0 0 3px;border-radius:3px;display:block;cursor:hand;cursor:pointer}#ok{background:linear-gradient(top, #bfd255 0, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%)}#h{position:absolute;border:1px solid #000;top:40px;right:50px;width:75px;height:300px}#i{background:radial-gradient(ellipse, #ffb76b 43%, #ff7c00 100%);position:absolute;bottom:0;left:0;width:100%}#l{position:absolute;top:0;left:30px}#t{background:radial-gradient(ellipse,#ccc 43%,#aaa 100%);margin-bottom:10px;padding:5px}#tt{background:#fff;position:absolute;border-radius:8px;background:radial-gradient(ellipse, #fff 43%, #e5e5e5 100%);box-shadow:3px 3px 5px 0 rgba(5,5,5,.4);padding:20px}#tt a{color:#bfd255}#kL,#kR,#kF,#kB{border:1px solid black;position:absolute;display:inline-block;width:30px;height:22px;text-align:center;vertical-align:middle;padding:4px 0 0 0;top:170px;left:140px;background:radial-gradient(ellipse, #fafafa 43%,#ddd 100%)}#kL{top:90px;left:160px}#kR{top:90px;left:195px}#kB{top:130px;left:250px}