-
Notifications
You must be signed in to change notification settings - Fork 1
/
main.css.map
1 lines (1 loc) · 10.9 KB
/
main.css.map
1
{"version":3,"file":"main.css","mappings":";AAAA;;IAEI,SAAS;IACT,UAAU;IACV,oCAAoC;AACxC;;AAIA;;IAEI,eAAe;IACf,MAAM;IACN,OAAO;IACP,aAAa;AACjB;;AAEA;IACI,gBAAgB;IAChB,yBAAyB;IACzB;yCACqC;AACzC;;AAEA;IACI,SAAS;IACT,6BAA6B;IAC7B,cAAc;IACd,UAAU;IACV,WAAW;IACX,OAAO;IACP,QAAQ;IACR,mBAAmB;IACnB,sBAAsB;AAC1B;;AAEA;IACI,SAAS;AACb;;AAEA;IACI,kBAAkB;IAClB,YAAY;IACZ,YAAY;IACZ,WAAW;IACX,iBAAiB;IACjB,kBAAkB;IAClB,wBAAwB;IACxB,gBAAgB;IAChB,cAAc;IACd,aAAa;IACb,qCAAqC;AACzC;;AAEA;IACI,eAAe;IACf,4BAA4B;IAC5B,8BAA8B;IAC9B,YAAY;IACZ,aAAa;IACb,YAAY;IACZ,YAAY;IACZ,6BAA6B;IAC7B,eAAe;IACf,wBAAwB;IACxB,UAAU;IACV,wBAAwB;IACxB,aAAa;AACjB;;AAEA;IACI,SAAS;AACb;;AAEA;IACI,SAAS;AACb;;AAEA;IACI,eAAe,cAAc,EAAE;EACjC;;;AAGF;IACI,kBAAkB;IAClB,aAAa;IACb,6BAA6B;IAC7B,WAAW;IACX,iBAAiB;IACjB,YAAY;IACZ,kBAAkB;IAClB,iBAAiB;IACjB,UAAU;IACV,sBAAsB;AAC1B;;AAEA;IACI,UAAU;AACd;;AAEA;;;;;;;;;;KAUK;;AAEL;IACI,kBAAkB;IAClB,SAAS;IACT,YAAY;IACZ,UAAU;IACV,WAAW;IACX,6BAA6B;IAC7B,yBAAyB;IACzB,yCAAyC;AAC7C;;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,YAAY;IACZ,yBAAyB;IACzB,+CAA+C;AACnD;;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,UAAU;IACV,UAAU;IACV,WAAW;IACX,6BAA6B;IAC7B,6BAA6B;IAC7B,kCAAkC;IAClC,mBAAmB;IACnB,sDAAsD;AAC1D;AACA;IACI,kBAAkB;IAClB,WAAW;IACX,UAAU;IACV,UAAU;IACV,WAAW;IACX,yBAAyB;IACzB,8BAA8B;IAC9B,wBAAwB;AAC5B;;AAEA;IACI,kBAAkB;IAClB,QAAQ;IACR,WAAW;IACX,YAAY;IACZ,yBAAyB;IACzB,yCAAyC;AAC7C;;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,UAAU;IACV,UAAU;IACV,WAAW;IACX,yBAAyB;IACzB,6BAA6B;IAC7B,mBAAmB;IACnB,yBAAyB;IACzB,wCAAwC;AAC5C;;AAEA;;;;;;;;;;;GAWG;;AAEH;IACI,kBAAkB;IAClB,WAAW;IACX,UAAU;IACV,UAAU;IACV,WAAW;IACX,yBAAyB;IACzB,6BAA6B;IAC7B,mBAAmB;IACnB,wBAAwB;IACxB,wCAAwC;AAC5C;;AAEA;IACI,kBAAkB;IAClB,WAAW;IACX,UAAU;IACV,UAAU;IACV,WAAW;IACX,yBAAyB;IACzB,6BAA6B;IAC7B,mBAAmB;IACnB,yBAAyB;IACzB,wCAAwC;AAC5C;;AAEA;IACI,kBAAkB;IAClB,mBAAmB;IACnB,8BAA8B;IAC9B,UAAU;AACd;;AAEA;IACI,kBAAkB;IAClB,SAAS;IACT,YAAY;IACZ,aAAa;IACb,yBAAyB;IACzB,kEAAkE;AACtE;;AAEA;IACI,iBAAiB;IACjB,SAAS;IACT,UAAU;IACV,WAAW;IACX,yBAAyB;IACzB,+CAA+C;AACnD;;AAEA;IACI,kBAAkB;IAClB,SAAS;IACT,YAAY;IACZ,aAAa;IACb,yBAAyB;IACzB,0EAA0E;AAC9E;;AAEA;IACI,kBAAkB;IAClB,SAAS;IACT,YAAY;IACZ,aAAa;IACb,yBAAyB;IACzB,0EAA0E;AAC9E;;AAEA;IACI,kBAAkB;IAClB,SAAS;IACT,YAAY;IACZ,aAAa;IACb,yBAAyB;IACzB,8CAA8C;AAClD;;AAEA;IACI;QACI,sBAAsB;QACtB,aAAa;IACjB;IACA;QACI,wBAAwB;QACxB,UAAU;IACd;IACA;QACI,sBAAsB;QACtB,aAAa;IACjB;AACJ;;AAEA;IACI;QACI,uBAAuB;IAC3B;;IAEA;QACI,yBAAyB;IAC7B;;IAEA;QACI,uBAAuB;IAC3B;;IAEA;QACI,wBAAwB;IAC5B;;IAEA;QACI,uBAAuB;IAC3B;;IAEA;QACI,uBAAuB;IAC3B;AACJ;;AAEA;IACI;QACI,yBAAyB;IAC7B;;IAEA;QACI,0BAA0B;IAC9B;IACA;QACI,wBAAwB;IAC5B;AACJ;;AAEA;IACI;QACI,OAAO;QACP,yBAAyB;IAC7B;IACA;QACI,QAAQ;QACR,wBAAwB;IAC5B;IACA;QACI,QAAQ;QACR,yBAAyB;IAC7B;IACA;QACI,wBAAwB;IAC5B;IACA;QACI,yBAAyB;IAC7B;AACJ;;AAEA;IACI;QACI,WAAW;QACX,uBAAuB;IAC3B;IACA;QACI,WAAW;IACf;IACA;QACI,WAAW;QACX,0BAA0B;IAC9B;IACA;QACI,WAAW;IACf;IACA;QACI,WAAW;QACX,uBAAuB;IAC3B;AACJ;;AAEA;IACI;QACI,4BAA4B;QAC5B,QAAQ;QACR,UAAU;IACd;IACA;QACI,0BAA0B;QAC1B,WAAW;IACf;IACA;QACI,4BAA4B;QAC5B,QAAQ;QACR,UAAU;IACd;AACJ,C","sources":["webpack:///./src/style.css"],"sourcesContent":["*\r\n{\r\n margin: 0;\r\n padding: 0;\r\n /* height: -webkit-fill-available; */\r\n}\r\n\r\n@import url('https://fonts.googleapis.com/css?family=Amatic+SC');\r\n\r\n.webgl\r\n{\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n outline: none;\r\n}\r\n\r\nbody {\r\n overflow: hidden;\r\n background-color: #000000;\r\n /* min-height: 100vh;\r\n min-height: -webkit-fill-available; */\r\n}\r\n\r\n.overlay{\r\n opacity:1;\r\n background-color:rgb(0, 0, 0);\r\n position:fixed;\r\n width:100%;\r\n height:100%;\r\n top:0px;\r\n left:0px;\r\n pointer-events:none;\r\n transition: opacity 1s;\r\n}\r\n\r\n.overlay.fade{\r\n opacity:0;\r\n}\r\n\r\nh1 {\r\n position: absolute;\r\n margin: auto;\r\n bottom: -5vh;\r\n width: 30vh;\r\n min-width: 30vmax;\r\n text-align: center;\r\n font-family: 'Amatic SC';\r\n font-size: 2vmax;\r\n color: #ffffff;\r\n opacity: 0.75;\r\n animation: pulse 2.5s linear infinite;\r\n}\r\n\r\n.start{\r\n position: fixed;\r\n top: calc((100vh - 100px)/2);\r\n right: calc((100vw - 200px)/2);\r\n width: 200px;\r\n height: 100px;\r\n border: none;\r\n color: white;\r\n background-color: transparent;\r\n font-size: 4rem;\r\n font-family: 'Amatic SC';\r\n opacity: 0;\r\n transition: opacity 0.5s;\r\n display: none;\r\n}\r\n\r\n.start.fadeIn{\r\n opacity:1;\r\n}\r\n\r\n.start.fadeOut{\r\n opacity:0;\r\n}\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n .start:hover { color: #9400D3; }\r\n }\r\n\r\n\r\n#cooking {\r\n position: relative;\r\n margin: auto ;\r\n top: calc((100vh - 55vmax)/2);\r\n width: 30vh;\r\n min-width: 30vmax;\r\n height: 30vh;\r\n min-height: 30vmax;\r\n overflow: visible;\r\n opacity: 1;\r\n transition: opacity 1s;\r\n}\r\n\r\n#cooking.fade {\r\n opacity: 0;\r\n}\r\n\r\n/* @media (orientation: landscape) {\r\n #cooking {\r\n top: 10vh;\r\n }\r\n }\r\n \r\n @media (orientation: portrait) {\r\n #cooking {\r\n top: 15vh;\r\n }\r\n } */\r\n\r\n#cooking #area {\r\n position: absolute;\r\n bottom: 0;\r\n right: 2.5vw;\r\n width: 50%;\r\n height: 50%;\r\n background-color: transparent;\r\n transform-origin: 15% 60%;\r\n animation: flip 2.1s ease-in-out infinite;\r\n}\r\n\r\n#cooking #area #sides {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n transform-origin: 15% 60%;\r\n animation: switchSide 2.1s ease-in-out infinite;\r\n}\r\n\r\n#cooking #area #sides #handle {\r\n position: absolute;\r\n bottom: 18%;\r\n right: 80%;\r\n width: 35%;\r\n height: 20%;\r\n background-color: transparent;\r\n border-top: 1vh solid #ffffff;\r\n border-left: 1vh solid transparent;\r\n border-radius: 100%;\r\n transform: rotate(20deg) rotateX(0deg) scale(1.3, 0.9);\r\n}\r\n#cooking #area #sides #pan {\r\n position: absolute;\r\n bottom: 10%;\r\n right: 30%;\r\n width: 50%;\r\n height: 20%;\r\n background-color: #ffffff;\r\n border-radius: 0 0 1.4em 1.4em;\r\n transform-origin: -15% 0;\r\n}\r\n\r\n#cooking #area #pancake {\r\n position: absolute;\r\n top: 24%;\r\n width: 100%;\r\n height: 100%;\r\n transform: rotateX(85deg);\r\n animation: jump 2.1s ease-in-out infinite;\r\n}\r\n\r\n#cooking #area #pancake #pastry {\r\n position: absolute;\r\n bottom: 26%;\r\n right: 40%;\r\n width: 20%;\r\n height: 30%;\r\n background-color: #ffffff;\r\n box-shadow: 0 0 3px 0 #ffffff;\r\n border-radius: 100%;\r\n transform-origin: -140% 0;\r\n animation: fly 2.1s ease-in-out infinite;\r\n}\r\n\r\n/* #cooking #area #pancake #pastry {\r\n position: absolute;\r\n bottom: 26%;\r\n right: 37%;\r\n width: 40%;\r\n height: 45%;\r\n background-color: #ffffff;\r\n box-shadow: 0 0 3px 0 #ffffff;\r\n border-radius: 100%;\r\n transform-origin: -20% 0;\r\n animation: fly 2.1s ease-in-out infinite;\r\n} */\r\n\r\n#cooking #area #pancake #pastry2 {\r\n position: absolute;\r\n bottom: 26%;\r\n right: 60%;\r\n width: 15%;\r\n height: 20%;\r\n background-color: #ffffff;\r\n box-shadow: 0 0 3px 0 #ffffff;\r\n border-radius: 100%;\r\n transform-origin: -80% 0;\r\n animation: fly 2.1s ease-in-out infinite;\r\n}\r\n\r\n#cooking #area #pancake #pastry3 {\r\n position: absolute;\r\n bottom: 26%;\r\n right: 70%;\r\n width: 10%;\r\n height: 25%;\r\n background-color: #ffffff;\r\n box-shadow: 0 0 3px 0 #ffffff;\r\n border-radius: 100%;\r\n transform-origin: -160% 0;\r\n animation: fly 2.1s ease-in-out infinite;\r\n}\r\n\r\n#cooking .bubble {\r\n position: absolute;\r\n border-radius: 100%;\r\n box-shadow: 0 0 0.25vh #ffffff;\r\n opacity: 0;\r\n}\r\n\r\n#cooking .bubble:nth-child(1) {\r\n margin-top: -9.5vh;\r\n left: 58%;\r\n width: 2.5vh;\r\n height: 2.5vh;\r\n background-color: #ffffff;\r\n animation: bubble 2s cubic-bezier(0.53, 0.16, 0.39, 0.96) infinite;\r\n}\r\n\r\n#cooking .bubble:nth-child(2) {\r\n margin-top: -10vh;\r\n left: 52%;\r\n width: 2vh;\r\n height: 2vh;\r\n background-color: #ffffff;\r\n animation: bubble 2s ease-in-out 0.35s infinite; \r\n}\r\n\r\n#cooking .bubble:nth-child(3) {\r\n margin-top: -8.8vh;\r\n left: 50%;\r\n width: 1.5vh;\r\n height: 1.5vh;\r\n background-color: #ffffff;\r\n animation: bubble 1.5s cubic-bezier(0.53, 0.16, 0.39, 0.96) 0.55s infinite;\r\n}\r\n\r\n#cooking .bubble:nth-child(4) {\r\n margin-top: -9.7vh;\r\n left: 56%;\r\n width: 1.2vh;\r\n height: 1.2vh;\r\n background-color: #ffffff;\r\n animation: bubble 1.8s cubic-bezier(0.53, 0.16, 0.39, 0.96) 0.55s infinite;\r\n}\r\n\r\n#cooking .bubble:nth-child(5) {\r\n margin-top: -9.7vh;\r\n left: 63%;\r\n width: 1.1vh;\r\n height: 1.1vh;\r\n background-color: #ffffff;\r\n animation: bubble 1.6s ease-in-out 1s infinite; \r\n}\r\n\r\n@keyframes pulse {\r\n 0% {\r\n transform: scale(1, 1);\r\n opacity: 0.25;\r\n }\r\n 50% {\r\n transform: scale(1.2, 1);\r\n opacity: 1;\r\n }\r\n 100% {\r\n transform: scale(1, 1);\r\n opacity: 0.25;\r\n }\r\n}\r\n\r\n@keyframes flip {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n\r\n 5% {\r\n transform: rotate(-27deg);\r\n }\r\n\r\n 30%, 50% {\r\n transform: rotate(0deg);\r\n }\r\n\r\n 55% {\r\n transform: rotate(27deg);\r\n }\r\n\r\n 83.3% {\r\n transform: rotate(0deg);\r\n }\r\n\r\n 100% {\r\n transform: rotate(0deg);\r\n }\r\n}\r\n\r\n@keyframes switchSide {\r\n 0% {\r\n transform: rotateY(0deg) ;\r\n }\r\n\r\n 50% {\r\n transform: rotateY(180deg);\r\n }\r\n 100% {\r\n transform: rotateY(0deg);\r\n }\r\n}\r\n\r\n@keyframes jump {\r\n 0% {\r\n top: 24;\r\n transform: rotateX(85deg);\r\n }\r\n 25% {\r\n top: 10%;\r\n transform: rotateX(0deg);\r\n }\r\n 50% {\r\n top: 30%;\r\n transform: rotateX(85deg);\r\n }\r\n 75% {\r\n transform: rotateX(0deg);\r\n }\r\n 100% {\r\n transform: rotateX(85deg);\r\n }\r\n}\r\n\r\n@keyframes fly {\r\n 0% {\r\n bottom: 26%;\r\n transform: rotate(0deg);\r\n }\r\n 10% {\r\n bottom: 40%;\r\n }\r\n 50% {\r\n bottom: 26%;\r\n transform: rotate(-190deg);\r\n }\r\n 80% {\r\n bottom: 40%;\r\n }\r\n 100% {\r\n bottom: 26%;\r\n transform: rotate(0deg);\r\n }\r\n}\r\n\r\n@keyframes bubble {\r\n 0% {\r\n transform: scale(0.15, 0.15);\r\n top: 80%;\r\n opacity: 0;\r\n }\r\n 50% {\r\n transform: scale(1.1, 1.1);\r\n opacity: .4;\r\n }\r\n 100% {\r\n transform: scale(0.33, 0.33);\r\n top: 60%;\r\n opacity: 0;\r\n }\r\n}"],"names":[],"sourceRoot":""}