div.santoor{margin:10px auto 0;width:1200px;position:relative;box-sizing:border-box}div.santoor div.key{position:absolute;height:4%;display:flex;align-items:center;justify-content:center}div.santoor div.key div.circle{background:#8ee08e;border-radius:100%}div.santoor div.k1{width:25%;left:57%;top:91.3%}div.santoor div.k2{width:23%;left:57%;top:80.4%}div.santoor div.k3{width:21%;left:57%;top:70%}div.santoor div.k4{width:19%;left:57%;top:59.7%}div.santoor div.k5{width:18%;left:56%;top:49.3%}div.santoor div.k6{width:16%;left:55.5%;top:38.6%}div.santoor div.k7{width:15%;left:55%;top:28.5%}div.santoor div.k8{width:12.6%;left:55%;top:17.7%}div.santoor div.k9{width:11%;left:54.5%;top:7.5%}div.santoor div.k10{width:24%;left:32.6%;top:86%}div.santoor div.k11{width:23%;left:33.87%;top:75.6%}div.santoor div.k12{width:21%;left:35%;top:65.3%}div.santoor div.k13{width:18%;left:37.4%;top:55%}div.santoor div.k14{width:17.5%;left:37.5%;top:44.6%}div.santoor div.k15{width:16%;left:38.6%;top:34%}div.santoor div.k16{width:14%;left:40%;top:23.6%}div.santoor div.k17{width:13%;left:41%;top:13%}div.santoor div.k18{width:11.4%;left:42.4%;top:2%}div.santoor div.k19{width:27.4%;left:4.4%;top:86%}div.santoor div.k20{width:26%;left:7%;top:76%}div.santoor div.k21{width:24%;left:10%;top:65.5%}div.santoor div.k22{width:22.5%;left:13.8%;top:55%}div.santoor div.k23{width:20.5%;left:15.8%;top:44.4%}div.santoor div.k24{width:19%;left:18.5%;top:34%}div.santoor div.k25{width:17%;left:21.5%;top:23.6%}div.santoor div.k26{width:15.2%;left:24.6%;top:13%}div.santoor div.k27{width:13.5%;left:27.6%;top:2.5%}