style.7832c284.css.map

{"version":3,"sources":["style.css"],"names":[],"mappings":"AAAA,EACE,qBACF,CAEA,KACE,wEAAmD,CACnD,qBACF,CAEA,SAEE,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBACF,CAEA,eAPE,iBAWF,CAJA,MAEE,mBAAoB,CACpB,yBACF,CAEA,aACE,iBAAkB,CAClB,KAAM,CACN,MAAO,CAIP,UAAW,CAMX,gBACF,CAEA,oBAZE,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CAEvB,WAAY,CACZ,wBAA0B,CAC1B,yBAA8B,CAC9B,UAAY,CACZ,sCAgBF,CAZA,OAIE,WAAY,CAIZ,eAAgB,CAGhB,cACF,CAEA,MACE,sBACF,CAEA,QACE,aACF,CAEA,OACE,sBACF,CAEA,MACE,qBACF,CAEA,KACE,6BAAoC,CACpC,qBAAiC,CACjC,iBAEF,CAEA,MACE,eAAiB,CACjB,iBAAkB,CAClB,SAAU,CACV,qCACF,CAEA,gBACE,GACE,eACF,CACA,GACE,2BAEF,CACF,CAEA,OACE,iBAAkB,CAClB,+BAAgC,CAChC,WACF,CAEA,cAOE,iBAAkB,CAClB,QAAS,CAET,+BACF,CAEA,2BAZE,UAAW,CACX,aAAc,CACd,iBAAkB,CAClB,SAAU,CACV,UAAW,CACX,yBAA4B,CAG5B,OAeF,CAXA,aAOE,iBAAkB,CAClB,SAAU,CAEV,qBACF,CAEA,QACE,wBACF,CAEA,OACE,yBACF,CAEA,MACE,yBACF,CAEA,OACE,2BACF,CAEA,QACE,yBAA2B,CAC3B,qCACF,CAGA,QACE,yBAA6B,CAC7B,WAAY,CACZ,iBAAkB,CAClB,2EAQC,CACD,2CACF,CAEA,gBACE,IACE,2EASF,CACF,CAIA,QACE,cAAe,CACf,OAAQ,CACR,OAAQ,CACR,0BAA2B,CAC3B,WAAY,CACZ,YAAa,CACb,sBAAuB,CACvB,YAAa,CACb,QAAS,CACT,SACF,CAEA,wBACE,oBAAqB,CACrB,YAAa,CACb,cAAe,CACf,eAAgB,CAChB,UAAW,CACX,eAAiB,CACjB,cAAe,CACf,qBAAsB,CACtB,YAAa,CACb,oBAAqB,CACrB,iBAAkB,CAClB,kBACF,CAEA,iBACE,uBAAuB,CACvB,UACF,CAEA,cACE,eAAgB,CAChB,wBAAyB,CACzB,UAAY,CACZ,WAAY,CACZ,WACF","file":"style.7832c284.css","sourceRoot":"src","sourcesContent":["* {\n  box-sizing: border-box;\n}\n\nbody {\n  background: url('pacbg.jpg') no-repeat center fixed;\n  background-size: cover;\n}\n\n#wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n#game {\n  position: relative;\n  display: inline-grid;\n  background: rgba(0, 0, 0, 0.4);\n}\n\n.game-status {\n  position: absolute;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 50px;\n  border: 5px darkblue solid;\n  background: rgba(0, 0, 0, 0.4);\n  color: white;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 1.5rem;\n}\n\n#score {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 200px;\n  height: 50px;\n  border: 5px darkblue solid;\n  background: rgba(0, 0, 0, 0.4);;\n  margin-top: 20px;\n  color: white;\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 2rem;\n}\n\n.hide {\n  display: none !important;\n}\n\n.square {\n  display: block;\n}\n\n.blank {\n  background: transparent;\n}\n\n.wall {\n  border: 1px solid blue;\n}\n\n.dot {\n  background: rgba(255, 255, 255, 0.8);\n  border: 8px solid rgba(0, 0, 0,1);\n  border-radius: 50%;\n\n}\n\n.pill {\n  background: white;\n  border-radius: 50%;\n  z-index: 2;\n  animation: glow 0.5s alternate infinite;\n}\n\n@keyframes glow {\n  0% {\n    box-shadow: none;\n  }\n  100%{\n    box-shadow:\n    0 0 2px 5px #0ff;\n  }\n}\n\n.ghost {\n  position: relative;\n  border-radius: 10px 10px 2px 2px;\n  border: none;\n}\n\n.ghost::before {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: black !important;\n  border-radius: 50%;\n  left: 3px;\n  top: 5px;\n  border: 2px solid white !important;\n}\n\n.ghost::after {\n  content: '';\n  display: block;\n  position: absolute;\n  width: 3px;\n  height: 3px;\n  background: black !important;\n  border-radius: 50%;\n  right: 3px;\n  top: 5px;\n  border: 2px solid white;\n}\n\n.blinky {\n  background: red !important;\n}\n\n.pinky {\n  background: pink !important;\n}\n\n.inky {\n  background: cyan !important;\n}\n\n.clyde {\n  background: orange !important;\n}\n\n.scared {\n  background: blue !important;\n  animation: glow 0.5s alternate infinite;\n}\n\n\n.pacman {\n  background: yellow !important;\n  border: none;\n  border-radius: 50%;\n  clip-path: polygon(\n    0 0,\n    20px 0,\n    20px -5px,\n    8px 10px,\n    20px 25px,\n    20px 20px,\n    0 20px\n  );\n  animation: chew 0.2s linear forwards infinite;\n}\n\n@keyframes chew {\n  50% {\n    clip-path: polygon(\n      0 0,\n      20px 0,\n      20px 10px,\n      8px 10px,\n      20px 10px,\n      20px 20px,\n      0 20px\n    );\n  }\n}\n\n/*levels*/\n\n.levels {\n  position: fixed;\n  top: 40%;\n  left: 5%;\n  transform: translateY(-50%);\n  width: 200px;\n  height: 250px;\n  background: transparent;\n  display: grid;\n  gap: 30px;\n  z-index: 2;\n}\n\n.levels a, #start-button {\n  display: inline-block;\n  outline: none;\n  cursor: pointer;\n  background: #000;\n  color: blue;\n  font-weight: bold;\n  font-size: 22px;\n  border: 2px solid blue;\n  display: grid;\n  place-content: center;\n  text-align: center;\n  letter-spacing: 2px;\n}\n\n.levels a.active {\n  border:2px solid tomato;\n  color: white;\n}\n\n#start-button {\n  margin-top: 20px;\n  text-transform: uppercase;\n  color: white;\n  width: 200px;\n  height: 50px;\n}\n"]}