diff --git a/asset-manifest.json b/asset-manifest.json index a4f51a8..f42e50d 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,15 +1,15 @@ { "files": { - "main.css": "/twinkle-circle/static/css/main.47e97108.css", + "main.css": "/twinkle-circle/static/css/main.9995375e.css", "main.js": "/twinkle-circle/static/js/main.53db7048.js", "static/js/787.e1a2ed66.chunk.js": "/twinkle-circle/static/js/787.e1a2ed66.chunk.js", "index.html": "/twinkle-circle/index.html", - "main.47e97108.css.map": "/twinkle-circle/static/css/main.47e97108.css.map", + "main.9995375e.css.map": "/twinkle-circle/static/css/main.9995375e.css.map", "main.53db7048.js.map": "/twinkle-circle/static/js/main.53db7048.js.map", "787.e1a2ed66.chunk.js.map": "/twinkle-circle/static/js/787.e1a2ed66.chunk.js.map" }, "entrypoints": [ - "static/css/main.47e97108.css", + "static/css/main.9995375e.css", "static/js/main.53db7048.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index 314a791..9f35682 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -twinkleCircle
\ No newline at end of file +twinkleCircle
\ No newline at end of file diff --git a/static/css/main.47e97108.css b/static/css/main.47e97108.css deleted file mode 100644 index 367460d..0000000 --- a/static/css/main.47e97108.css +++ /dev/null @@ -1,2 +0,0 @@ -@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:hsla(0,0%,6%,.7);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;height:100vh;margin:0;overflow:auto;padding:0;position:relative;width:100%;z-index:-1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:none;font-family:Roboto,Arial,Helvetica,sans-serif;height:100%;min-height:100vh;overflow-y:auto;position:relative;text-align:center;width:100%;z-index:0}.App,.Content{align-items:center;display:flex;flex-direction:column;justify-content:center}.Content{z-index:1}#particles-js{height:100%;left:0;margin:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-2}.CircleContainer,.ControlPanel{position:relative;z-index:2}.header{background-color:none;margin-bottom:20px;margin-top:50px;text-align:center;width:100%}.title{color:#ffffffa7;display:inline-block;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:1.8em;letter-spacing:3px}@media only screen and (max-width:768px){.header{margin-top:100px}}.circle{border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-block;height:10vw;margin:15px;max-height:100px;max-width:100px;transition:all .2s;width:10vw}.circle.pink{background-color:#d870ad}.circle.green{background-color:#45b649}.circle.blue{background-color:#357abd}.circle.yellow{background-color:gold}.circle:active{-webkit-transform:scale(.8);transform:scale(.8)}@media only screen and (max-width:768px){.circle{flex:1 1 50%;height:7em;width:7em}}.container{align-items:center;display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin:50px 10px;padding:15px}@media only screen and (max-width:768px){.container{align-items:flex-start;margin:30px 5px;padding:5px}}.control-panel{color:#bebebe94;font-size:.85em;margin:10px 0 75px;text-align:center}.control-panel button{background-color:#333;border:1px solid #555;border-radius:5px;color:#eeeeeeb1;cursor:pointer;font-size:1.1em;font-weight:700;letter-spacing:3px;margin-bottom:5px;margin-top:25px;padding:10px 30px;transition:all .3s}.control-panel button:active{background-color:#555;-webkit-transform:scale(.8);transform:scale(.8)}input[type=range]{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.slider{cursor:pointer;height:5px;margin-top:30px}.slider-metric{font-size:11px;padding:0 5px}@media only screen and (max-width:768px){.control-panel{margin-bottom:100px}}#footer{background-color:rgba(40,40,40,.7);border-radius:13px;bottom:0;box-shadow:0 4px 6px hsla(0,0%,49%,.5);box-sizing:border-box;color:hsla(0,0%,76%,.902);font-family:Roboto Mono,monospace;font-size:.7rem;margin-bottom:5px;padding:10px 30px;position:relative;text-align:center;width:100%;width:auto}footer a{color:#5ea0ff;font-weight:700;margin:2px;text-decoration:none;transition:color .5s}footer a:hover{background-color:pink;font-weight:700}footer span{margin:0}#rocketIcon{margin-left:1px;margin-right:1px} -/*# sourceMappingURL=main.47e97108.css.map*/ \ No newline at end of file diff --git a/static/css/main.47e97108.css.map b/static/css/main.47e97108.css.map deleted file mode 100644 index 4619b41..0000000 --- a/static/css/main.47e97108.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.47e97108.css","mappings":"sKAGA,UAYE,kCAAmC,CACnC,iCAAkC,CALlC,2BAAiC,CACjC,mIAEY,CAGZ,cAAe,CAVf,YAAa,CAHb,QAAS,CAIT,aAAc,CAHd,SAAU,CAKV,iBAAkB,CAJlB,UAAW,CAGX,UASF,CAEA,KACE,uEAEF,CCvBA,KAGE,qBAAsB,CAFtB,6CAAmD,CAInD,WAAY,CACZ,gBAAiB,CAKjB,eAAgB,CAChB,iBAAkB,CAVlB,iBAAkB,CAKlB,UAAW,CAMX,SACF,CAEA,cANE,kBAAmB,CANnB,YAAa,CAIb,qBAAsB,CACtB,sBAaF,CANA,SAKE,SACF,CAEA,cAEE,WAAY,CAKZ,MAAO,CAFP,QAAS,CADT,eAAgB,CADhB,cAAe,CAGf,KAAM,CALN,UAAW,CAOX,UACF,CAEA,+BAEE,iBAAkB,CADlB,SAEF,CCtCA,QAKI,qBAAsB,CAHtB,kBAAmB,CADnB,eAAgB,CAGhB,iBAAkB,CADlB,UAGJ,CAEA,OAGI,eAAgB,CAEhB,oBAAqB,CAJrB,6CAAmD,CAGnD,eAAgB,CAFhB,kBAIJ,CAEA,yCAEI,QACI,gBACJ,CACF,CCrBF,QAKI,iBAAkB,CAMlB,qBAAsB,CAHtB,cAAe,CAEf,oBAAqB,CARrB,WAAY,CAUZ,WAAY,CARZ,gBAAiB,CADjB,eAAgB,CAMhB,kBAAoB,CARpB,UAYJ,CAEA,aACI,wBACJ,CAEA,cACI,wBACJ,CAEA,aACI,wBACJ,CAEA,eACI,qBACJ,CAEA,eACI,2BAAqB,CAArB,mBACJ,CAGA,yCAEI,QAGE,YAAW,CADX,UAAW,CADX,SAGF,CACF,CC3CF,WAII,kBAAmB,CAHnB,YAAa,CACb,cAAe,CAKf,KAAQ,CAJR,sBAAuB,CAEvB,gBAAiB,CACjB,YAEJ,CAEA,yCAEI,WAGI,sBAAuB,CAFvB,eAAgB,CAChB,WAEJ,CACF,CCjBF,eAII,eAAgB,CADhB,eAAiB,CADjB,kBAAmB,CAGnB,iBACJ,CAEA,sBASI,qBAAsB,CADtB,qBAAsB,CAGtB,iBAAkB,CADlB,eAAgB,CAHhB,cAAe,CAHf,eAAgB,CAChB,eAAiB,CACjB,kBAAmB,CAHnB,iBAAkB,CADlB,eAAgB,CADhB,iBAAkB,CAWlB,kBACJ,CAEA,6BAEI,qBAAsB,CADtB,2BAAqB,CAArB,mBAEJ,CAEA,kBACI,8BAAuB,CAAvB,sBACJ,CAEA,QAGI,cAAe,CADf,UAAW,CADX,eAGJ,CAEA,eACI,cAAe,CACf,aACJ,CAEA,yCAEI,eACI,mBACJ,CACF,CChDF,QAII,kCAAuC,CAMvC,kBAAmB,CAGnB,QAAS,CART,sCAA8C,CAO9C,qBAAsB,CAVtB,yBAAiC,CADjC,iCAAqC,CAErC,eAAiB,CAMjB,iBAAkB,CAHlB,iBAAkB,CAQlB,iBAAkB,CAHlB,iBAAkB,CAJlB,UAAW,CACX,UAOJ,CAEA,SAGI,aAAwB,CADxB,eAAiB,CAEjB,UAAW,CAHX,oBAAqB,CAIrB,oBACJ,CAEA,eACI,qBAAsB,CACtB,eACJ,CAEA,YACI,QACJ,CAEA,YACI,eAAgB,CAChB,gBACJ","sources":["index.css","App.css","components/Header/Header.css","components/Circle/Circle.css","components/CircleContainer/CircleContainer.css","components/ControlPanel/ControlPanel.css","components/Footer/Footer.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');\r\n@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');\r\n\r\nbody, html {\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n height: 100vh;\r\n overflow: auto;\r\n z-index: -1;\r\n position: relative;\r\n background: rgba(15, 15, 15, 0.7);\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n font-size: 16px;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n\r\n",".App {\r\n font-family: 'Roboto', Arial, Helvetica, sans-serif;\r\n text-align: center;\r\n background-color: none;\r\n display: flex;\r\n height: 100%;\r\n min-height: 100vh;\r\n width: 100%;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n overflow-y: auto; \r\n position: relative;\r\n z-index: 0;\r\n}\r\n\r\n.Content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1;\r\n}\r\n\r\n#particles-js {\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n overflow: hidden;\r\n margin: 0;\r\n top: 0;\r\n left: 0;\r\n z-index: -2;\r\n}\r\n\r\n.CircleContainer, .ControlPanel {\r\n z-index: 2;\r\n position: relative;\r\n}",".header {\r\n margin-top: 50px;\r\n margin-bottom: 20px;\r\n width: 100%;\r\n text-align: center;\r\n background-color: none;\r\n}\r\n\r\n.title {\r\n font-family: 'Roboto', Arial, Helvetica, sans-serif;\r\n letter-spacing: 3px;\r\n color: #ffffffa7;\r\n font-size: 1.8em;\r\n display: inline-block;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .header {\r\n margin-top: 100px;\r\n }\r\n }",".circle {\r\n width: 10vw;\r\n height: 10vw;\r\n max-width: 100px;\r\n max-height: 100px;\r\n border-radius: 50%;\r\n margin: 0;\r\n\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n margin: 15px;\r\n}\r\n\r\n.circle.pink {\r\n background-color: #D870AD;\r\n}\r\n\r\n.circle.green {\r\n background-color: #45B649;\r\n}\r\n\r\n.circle.blue {\r\n background-color: #357ABD;\r\n}\r\n\r\n.circle.yellow {\r\n background-color: #FFD700;\r\n}\r\n\r\n.circle:active {\r\n transform: scale(0.8);\r\n}\r\n\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .circle {\r\n width: 7em;\r\n height: 7em;\r\n flex: 1 50%;\r\n }\r\n }",".container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 50px 10px;\r\n padding: 15px;\r\n gap: 0px;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .container {\r\n margin: 30px 5px;\r\n padding: 5px;\r\n align-items: flex-start;\r\n }\r\n }",".control-panel {\r\n margin: 10px 0;\r\n margin-bottom: 75px;\r\n font-size: 0.85em;\r\n color: #bebebe94;\r\n text-align: center; \r\n}\r\n\r\n.control-panel button {\r\n padding: 10px 30px;\r\n margin-top: 25px;\r\n margin-bottom: 5px;\r\n font-size: 1.1em;\r\n font-weight: bold;\r\n letter-spacing: 3px;\r\n cursor: pointer;\r\n border: 1px solid #555;\r\n background-color: #333;\r\n color: #eeeeeeb1;\r\n border-radius: 5px;\r\n transition: all 0.3s;\r\n}\r\n\r\n.control-panel button:active {\r\n transform: scale(0.8);\r\n background-color: #555;\r\n}\r\n\r\ninput[type=\"range\"] {\r\n filter: grayscale(100%);\r\n}\r\n\r\n.slider {\r\n margin-top: 30px;\r\n height: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.slider-metric {\r\n font-size: 11px;\r\n padding: 0 5px;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .control-panel {\r\n margin-bottom: 100px;\r\n }\r\n }\r\n ","#footer {\r\n font-family: 'Roboto Mono', monospace;\r\n color: rgba(194, 194, 194, 0.902);\r\n font-size: 0.7rem;\r\n background-color: rgba(40, 40, 40, 0.7);\r\n box-shadow: 0 4px 6px rgba(125, 125, 125, 0.5);\r\n padding: 10px 30px;\r\n width: 100%;\r\n width: auto;\r\n margin-bottom: 5px;\r\n border-radius: 13px;\r\n text-align: center;\r\n box-sizing: border-box;\r\n bottom: 0;\r\n position: relative; \r\n}\r\n\r\nfooter a {\r\n text-decoration: none;\r\n font-weight: bold;\r\n color: rgb(94, 160, 255);\r\n margin: 2px;\r\n transition: color 0.5s;\r\n}\r\n\r\nfooter a:hover {\r\n background-color: pink;\r\n font-weight: bold;\r\n}\r\n\r\nfooter span {\r\n margin: 0 0;\r\n}\r\n\r\n#rocketIcon {\r\n margin-left: 1px;\r\n margin-right: 1px;\r\n}\r\n\r\n"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.9995375e.css b/static/css/main.9995375e.css new file mode 100644 index 0000000..c0c0dab --- /dev/null +++ b/static/css/main.9995375e.css @@ -0,0 +1,2 @@ +@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:hsla(0,0%,6%,.7);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;height:100vh;margin:0;overflow:auto;padding:0;position:relative;width:100%;z-index:-1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:none;font-family:Roboto,Arial,Helvetica,sans-serif;height:100%;min-height:100vh;overflow-y:auto;text-align:center;width:100%;z-index:0}.App,.Content{align-items:center;display:flex;flex-direction:column;justify-content:center}.Content{z-index:1}#particles-js{height:100%;left:0;margin:0;overflow:hidden;position:fixed;top:0;width:100vh;z-index:-2}.CircleContainer,.ControlPanel{position:relative;z-index:2}.header{background-color:none;margin-bottom:20px;margin-top:50px;text-align:center;width:100%}.title{color:#ffffffa7;display:inline-block;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:1.8em;letter-spacing:3px}@media only screen and (max-width:768px){.header{margin-top:100px}}.circle{border-radius:50%;box-sizing:border-box;cursor:pointer;display:inline-block;height:10vw;margin:15px;max-height:100px;max-width:100px;transition:all .2s;width:10vw}.circle.pink{background-color:#d870ad}.circle.green{background-color:#45b649}.circle.blue{background-color:#357abd}.circle.yellow{background-color:gold}.circle:active{-webkit-transform:scale(.8);transform:scale(.8)}@media only screen and (max-width:768px){.circle{flex:1 1 50%;height:7em;width:7em}}.container{align-items:center;display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin:50px 10px;padding:15px}@media only screen and (max-width:768px){.container{align-items:flex-start;margin:30px 5px;padding:5px}}.control-panel{color:#bebebe94;font-size:.85em;margin:10px 0 75px;text-align:center}.control-panel button{background-color:#333;border:1px solid #555;border-radius:5px;color:#eeeeeeb1;cursor:pointer;font-size:1.1em;font-weight:700;letter-spacing:3px;margin-bottom:5px;margin-top:25px;padding:10px 30px;transition:all .3s}.control-panel button:active{background-color:#555;-webkit-transform:scale(.8);transform:scale(.8)}input[type=range]{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.slider{cursor:pointer;height:5px;margin-top:30px}.slider-metric{font-size:11px;padding:0 5px}@media only screen and (max-width:768px){.control-panel{margin-bottom:100px}}#footer{background-color:rgba(40,40,40,.7);border-radius:13px;bottom:0;box-shadow:0 4px 6px hsla(0,0%,49%,.5);box-sizing:border-box;color:hsla(0,0%,76%,.902);font-family:Roboto Mono,monospace;font-size:.7rem;margin-bottom:5px;padding:10px 30px;position:relative;text-align:center;width:100%;width:auto}footer a{color:#5ea0ff;font-weight:700;margin:2px;text-decoration:none;transition:color .5s}footer a:hover{background-color:pink;font-weight:700}footer span{margin:0}#rocketIcon{margin-left:1px;margin-right:1px} +/*# sourceMappingURL=main.9995375e.css.map*/ \ No newline at end of file diff --git a/static/css/main.9995375e.css.map b/static/css/main.9995375e.css.map new file mode 100644 index 0000000..ca05c73 --- /dev/null +++ b/static/css/main.9995375e.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.9995375e.css","mappings":"sKAGA,UAYE,kCAAmC,CACnC,iCAAkC,CALlC,2BAAiC,CACjC,mIAEY,CAGZ,cAAe,CAVf,YAAa,CAHb,QAAS,CAIT,aAAc,CAHd,SAAU,CAKV,iBAAkB,CAJlB,UAAW,CAGX,UASF,CAEA,KACE,uEAEF,CCvBA,KAGE,qBAAsB,CAFtB,6CAAmD,CAInD,WAAY,CACZ,gBAAiB,CAKjB,eAAgB,CAThB,iBAAkB,CAKlB,UAAW,CAKX,SACF,CAEA,cALE,kBAAmB,CANnB,YAAa,CAIb,qBAAsB,CACtB,sBAYF,CANA,SAKE,SACF,CAEA,cAEE,WAAY,CAKZ,MAAO,CAFP,QAAS,CADT,eAAgB,CADhB,cAAe,CAGf,KAAM,CALN,WAAY,CAOZ,UACF,CAEA,+BAEE,iBAAkB,CADlB,SAEF,CCrCA,QAKI,qBAAsB,CAHtB,kBAAmB,CADnB,eAAgB,CAGhB,iBAAkB,CADlB,UAGJ,CAEA,OAGI,eAAgB,CAEhB,oBAAqB,CAJrB,6CAAmD,CAGnD,eAAgB,CAFhB,kBAIJ,CAEA,yCAEI,QACI,gBACJ,CACF,CCrBF,QAKI,iBAAkB,CAMlB,qBAAsB,CAHtB,cAAe,CAEf,oBAAqB,CARrB,WAAY,CAUZ,WAAY,CARZ,gBAAiB,CADjB,eAAgB,CAMhB,kBAAoB,CARpB,UAYJ,CAEA,aACI,wBACJ,CAEA,cACI,wBACJ,CAEA,aACI,wBACJ,CAEA,eACI,qBACJ,CAEA,eACI,2BAAqB,CAArB,mBACJ,CAGA,yCAEI,QAGE,YAAW,CADX,UAAW,CADX,SAGF,CACF,CC3CF,WAII,kBAAmB,CAHnB,YAAa,CACb,cAAe,CAKf,KAAQ,CAJR,sBAAuB,CAEvB,gBAAiB,CACjB,YAEJ,CAEA,yCAEI,WAGI,sBAAuB,CAFvB,eAAgB,CAChB,WAEJ,CACF,CCjBF,eAII,eAAgB,CADhB,eAAiB,CADjB,kBAAmB,CAGnB,iBACJ,CAEA,sBASI,qBAAsB,CADtB,qBAAsB,CAGtB,iBAAkB,CADlB,eAAgB,CAHhB,cAAe,CAHf,eAAgB,CAChB,eAAiB,CACjB,kBAAmB,CAHnB,iBAAkB,CADlB,eAAgB,CADhB,iBAAkB,CAWlB,kBACJ,CAEA,6BAEI,qBAAsB,CADtB,2BAAqB,CAArB,mBAEJ,CAEA,kBACI,8BAAuB,CAAvB,sBACJ,CAEA,QAGI,cAAe,CADf,UAAW,CADX,eAGJ,CAEA,eACI,cAAe,CACf,aACJ,CAEA,yCAEI,eACI,mBACJ,CACF,CChDF,QAII,kCAAuC,CAMvC,kBAAmB,CAGnB,QAAS,CART,sCAA8C,CAO9C,qBAAsB,CAVtB,yBAAiC,CADjC,iCAAqC,CAErC,eAAiB,CAMjB,iBAAkB,CAHlB,iBAAkB,CAQlB,iBAAkB,CAHlB,iBAAkB,CAJlB,UAAW,CACX,UAOJ,CAEA,SAGI,aAAwB,CADxB,eAAiB,CAEjB,UAAW,CAHX,oBAAqB,CAIrB,oBACJ,CAEA,eACI,qBAAsB,CACtB,eACJ,CAEA,YACI,QACJ,CAEA,YACI,eAAgB,CAChB,gBACJ","sources":["index.css","App.css","components/Header/Header.css","components/Circle/Circle.css","components/CircleContainer/CircleContainer.css","components/ControlPanel/ControlPanel.css","components/Footer/Footer.css"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');\r\n@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap');\r\n\r\nbody, html {\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n height: 100vh;\r\n overflow: auto;\r\n z-index: -1;\r\n position: relative;\r\n background: rgba(15, 15, 15, 0.7);\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n sans-serif;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n font-size: 16px;\r\n}\r\n\r\ncode {\r\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\r\n monospace;\r\n}\r\n\r\n",".App {\r\n font-family: 'Roboto', Arial, Helvetica, sans-serif;\r\n text-align: center;\r\n background-color: none;\r\n display: flex;\r\n height: 100%;\r\n min-height: 100vh;\r\n width: 100%;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n overflow-y: auto; \r\n z-index: 0;\r\n}\r\n\r\n.Content {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1;\r\n}\r\n\r\n#particles-js {\r\n width: 100vh;\r\n height: 100%;\r\n position: fixed;\r\n overflow: hidden;\r\n margin: 0;\r\n top: 0;\r\n left: 0;\r\n z-index: -2;\r\n}\r\n\r\n.CircleContainer, .ControlPanel {\r\n z-index: 2;\r\n position: relative;\r\n}",".header {\r\n margin-top: 50px;\r\n margin-bottom: 20px;\r\n width: 100%;\r\n text-align: center;\r\n background-color: none;\r\n}\r\n\r\n.title {\r\n font-family: 'Roboto', Arial, Helvetica, sans-serif;\r\n letter-spacing: 3px;\r\n color: #ffffffa7;\r\n font-size: 1.8em;\r\n display: inline-block;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .header {\r\n margin-top: 100px;\r\n }\r\n }",".circle {\r\n width: 10vw;\r\n height: 10vw;\r\n max-width: 100px;\r\n max-height: 100px;\r\n border-radius: 50%;\r\n margin: 0;\r\n\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n display: inline-block;\r\n box-sizing: border-box;\r\n margin: 15px;\r\n}\r\n\r\n.circle.pink {\r\n background-color: #D870AD;\r\n}\r\n\r\n.circle.green {\r\n background-color: #45B649;\r\n}\r\n\r\n.circle.blue {\r\n background-color: #357ABD;\r\n}\r\n\r\n.circle.yellow {\r\n background-color: #FFD700;\r\n}\r\n\r\n.circle:active {\r\n transform: scale(0.8);\r\n}\r\n\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .circle {\r\n width: 7em;\r\n height: 7em;\r\n flex: 1 50%;\r\n }\r\n }",".container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 50px 10px;\r\n padding: 15px;\r\n gap: 0px;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .container {\r\n margin: 30px 5px;\r\n padding: 5px;\r\n align-items: flex-start;\r\n }\r\n }",".control-panel {\r\n margin: 10px 0;\r\n margin-bottom: 75px;\r\n font-size: 0.85em;\r\n color: #bebebe94;\r\n text-align: center; \r\n}\r\n\r\n.control-panel button {\r\n padding: 10px 30px;\r\n margin-top: 25px;\r\n margin-bottom: 5px;\r\n font-size: 1.1em;\r\n font-weight: bold;\r\n letter-spacing: 3px;\r\n cursor: pointer;\r\n border: 1px solid #555;\r\n background-color: #333;\r\n color: #eeeeeeb1;\r\n border-radius: 5px;\r\n transition: all 0.3s;\r\n}\r\n\r\n.control-panel button:active {\r\n transform: scale(0.8);\r\n background-color: #555;\r\n}\r\n\r\ninput[type=\"range\"] {\r\n filter: grayscale(100%);\r\n}\r\n\r\n.slider {\r\n margin-top: 30px;\r\n height: 5px;\r\n cursor: pointer;\r\n}\r\n\r\n.slider-metric {\r\n font-size: 11px;\r\n padding: 0 5px;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n \r\n .control-panel {\r\n margin-bottom: 100px;\r\n }\r\n }\r\n ","#footer {\r\n font-family: 'Roboto Mono', monospace;\r\n color: rgba(194, 194, 194, 0.902);\r\n font-size: 0.7rem;\r\n background-color: rgba(40, 40, 40, 0.7);\r\n box-shadow: 0 4px 6px rgba(125, 125, 125, 0.5);\r\n padding: 10px 30px;\r\n width: 100%;\r\n width: auto;\r\n margin-bottom: 5px;\r\n border-radius: 13px;\r\n text-align: center;\r\n box-sizing: border-box;\r\n bottom: 0;\r\n position: relative; \r\n}\r\n\r\nfooter a {\r\n text-decoration: none;\r\n font-weight: bold;\r\n color: rgb(94, 160, 255);\r\n margin: 2px;\r\n transition: color 0.5s;\r\n}\r\n\r\nfooter a:hover {\r\n background-color: pink;\r\n font-weight: bold;\r\n}\r\n\r\nfooter span {\r\n margin: 0 0;\r\n}\r\n\r\n#rocketIcon {\r\n margin-left: 1px;\r\n margin-right: 1px;\r\n}\r\n\r\n"],"names":[],"sourceRoot":""} \ No newline at end of file