*{box-sizing:border-box}html,body{margin:0;background:#eaf7fd}body{overflow-x:hidden}main{width:100%}.frame{position:relative;width:min(100%,1280px);margin:auto;overflow:hidden;background:#fff}.art{display:block;width:100%;height:auto}.hit{position:absolute;z-index:10;display:block;border-radius:8px}.hit:focus{outline:3px solid #087fbd;outline-offset:2px}.home{left:5%;top:8%;width:10%;height:3.2%}.deneyim{left:18%;top:8%;width:7%;height:3.2%}.egitim{left:27%;top:8%;width:6%;height:3.2%}.etkinlik{left:35%;top:8%;width:7%;height:3.2%}.is{left:44%;top:8%;width:4%;height:3.2%}.muzik{left:49%;top:8%;width:9%;height:3.2%}.blog{left:59%;top:8%;width:5%;height:3.2%}.hakkimizda{left:66%;top:8%;width:9%;height:3.2%}.iletisim{left:76%;top:8%;width:8%;height:3.2%}.phone{right:2%;top:.5%;width:26%;height:6%}.rota{left:8%;top:25.5%;width:23%;height:4.2%}.c1{left:3%;top:30%;width:22.5%;height:18%}.c2{left:26.5%;top:30%;width:22.5%;height:18%}.c3{left:50%;top:30%;width:22.5%;height:18%}.c4{left:73.5%;top:30%;width:22.5%;height:18%}.qm{left:4%;top:49%;width:13%;height:3.5%}.qb{left:18%;top:49%;width:10%;height:3.5%}.qg{left:29%;top:49%;width:10%;height:3.5%}.qs{left:40%;top:49%;width:17%;height:3.5%}.qy{left:61%;top:49%;width:17%;height:3.5%}.qi{left:84%;top:49%;width:12%;height:3.5%}.cloud{position:absolute;z-index:7;font-size:clamp(22px,4.5vw,58px);pointer-events:none;filter:drop-shadow(0 7px 8px #397da833);animation:jump 2.8s ease-in-out infinite}.cloud b{font-size:.42em;position:absolute;right:-.1em;bottom:.08em}.ca{right:5%;top:11%}.cb{left:55%;top:52%;animation-delay:.9s}@keyframes jump{0%,100%{transform:translateY(0) rotate(-2deg)}45%{transform:translateY(-13px) rotate(2deg)}65%{transform:translateY(2px)}}@media(max-width:700px){.frame{width:100%}.cloud.ca{font-size:27px}.cloud.cb{font-size:19px}.hit{border-radius:4px}}@media(prefers-reduced-motion:reduce){.cloud{animation:none}}

/* SON VERİ GÖRSELİNE GÖRE NETLEŞTİRİLMİŞ TIKLAMA HARİTASI */
.home{left:5.0%;top:8.1%;width:10.5%;height:3.1%}
.deneyim{left:18.0%;top:8.1%;width:7.2%;height:3.1%}
.egitim{left:27.0%;top:8.1%;width:6.3%;height:3.1%}
.etkinlik{left:35.1%;top:8.1%;width:7.2%;height:3.1%}
.is{left:43.7%;top:8.1%;width:4.0%;height:3.1%}
.muzik{left:48.7%;top:8.1%;width:9.0%;height:3.1%}
.blog{left:58.9%;top:8.1%;width:5.2%;height:3.1%}
.hakkimizda{left:66.1%;top:8.1%;width:9.0%;height:3.1%}
.iletisim{left:76.2%;top:8.1%;width:7.5%;height:3.1%}
.phone{right:2.0%;top:.5%;width:26.0%;height:6.2%}

.rota{left:7.7%;top:25.5%;width:23.5%;height:4.3%}

.c1{left:3.1%;top:30.0%;width:22.6%;height:18.0%}
.c2{left:26.5%;top:30.0%;width:22.6%;height:18.0%}
.c3{left:49.9%;top:30.0%;width:22.6%;height:18.0%}
.c4{left:73.3%;top:30.0%;width:22.6%;height:18.0%}

.qm{left:3.5%;top:49.0%;width:13.5%;height:3.7%}
.qb{left:17.5%;top:49.0%;width:10.0%;height:3.7%}
.qg{left:28.5%;top:49.0%;width:10.5%;height:3.7%}
.qs{left:40.0%;top:49.0%;width:17.0%;height:3.7%}
.qy{left:60.5%;top:49.0%;width:18.0%;height:3.7%}
.qi{left:83.0%;top:49.0%;width:13.0%;height:3.7%}

.hit{cursor:pointer;touch-action:manipulation}