styles.8c687348.css.map

{"version":3,"sources":["styles.css"],"names":[],"mappings":"AACA,wBACE,eAAgB,CAChB,YACF,CACA,KACE,QACF,CAEA,WACE,mQACgB,CAChB,YAAa,CACb,WAAY,CAEZ,qBAEF,CAEA,iBALE,YAAa,CAEb,kBAiBF,CAdA,MACE,UAAW,CACX,UAAW,CACX,eAAgB,CAEhB,uDAA6D,CAC7D,kBAAmB,CAEnB,KAAQ,CACR,qBAAuB,CAGvB,sBAAuB,CACvB,qBACF,CAEA,YATE,iBAmBF,CAVA,MACE,WAAY,CACZ,UAAW,CACX,iBAAkB,CAElB,iDAA4D,CAE5D,qBAAuB,CACvB,OAAQ,CACR,gBACF,CAEA,MACE,UAAW,CACX,UAAW,CACX,eAAgB,CAEhB,uDAA6D,CAC7D,kBAAmB,CACnB,iBAAkB,CAClB,QAAW,CACX,qBAAuB,CACvB,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,qBACF,CAEA,EACE,gBAAiB,CACjB,eACF,CAGA,mBACE,8BAA+B,CAC/B,gDACF,CAEA,sBACE,8BAA+B,CAC/B,+CACF,CACA,kBACE,8BAA+B,CAC/B,iDACF,CACA,qBACE,8BAA+B,CAC/B,gDACF","file":"styles.8c687348.css","sourceRoot":"..","sourcesContent":["/* Code is written by CHIRAG RAJ */\nbody::-webkit-scrollbar {\n  overflow: hidden;\n  display: none;\n}\nbody {\n  margin: 0px;\n}\n\n#container {\n  background-image: url(\"https://media.istockphoto.com/id/1337108175/vector/dark-gray-3d-hexagonal-technology-vector-abstract-background.jpg?s=612x612&w=0&k=20&c=RYHI2M_KPCMORuSJKZ_klHmWURsZpgrnmfyDnvBNM1Y=\"),\n    url(\"img.jpg\");\n  height: 100vh;\n  width: 100vw;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n#rod1 {\n  height: 5vh;\n  width: 20vw;\n  min-width: 180px;\n  /* background-color: #a41ec6; */\n  background-image: linear-gradient(to right, #a41ec6, #307aa5);\n  border-radius: 25px;\n  position: absolute;\n  top: 0px;\n  border: 3px solid black;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n#ball {\n  height: 70px;\n  width: 70px;\n  border-radius: 50%;\n  /* background-color: #307aa5; */\n  background-image: radial-gradient(#a41ec6, rgb(30, 57, 115));\n  position: absolute;\n  border: 1px solid black;\n  top: 50%;\n  margin-top: -35px;\n}\n\n#rod2 {\n  height: 5vh;\n  width: 20vw;\n  min-width: 180px;\n  /* background-color: #a41ec6; */\n  background-image: linear-gradient(to right, #307aa5, #a41ec6);\n  border-radius: 25px;\n  position: absolute;\n  bottom: 0px;\n  border: 3px solid black;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\np {\n  font-size: 1.3rem;\n  font-weight: bold;\n}\n\n/* ball moving transition code */\n.animate-top-right {\n  transition: transform linear 8s;\n  transform: translateX(2000px) translateY(-2000px);\n}\n\n.animate-bottom-right {\n  transition: transform linear 8s;\n  transform: translateX(2000px) translateY(2000px);\n}\n.animate-top-left {\n  transition: transform linear 8s;\n  transform: translateX(-2000px) translateY(-2000px);\n}\n.animate-bottom-left {\n  transition: transform linear 8s;\n  transform: translateX(-2000px) translateY(2000px);\n}\n"]}