diff --git a/main.js b/main.js
index dda3cbb..af7df9f 100644
--- a/main.js
+++ b/main.js
@@ -769,9 +769,11 @@ function addOptions(newProjectField) {
 
 //? **`` Takes the values from local storage, clears the ToDo Array, and adds them to the front of the array
 function resetAndPopulateArray() {
-  todoArray = [];
-  for (const [key, value] of Object.entries(localStorage)) {
-    todoArray.unshift(JSON.parse(value));
+  if (localStorage.length !== 0) {
+    todoArray = [];
+    for (const [key, value] of Object.entries(localStorage)) {
+      todoArray.unshift(JSON.parse(value));
+    }
   }
 }
 
diff --git a/main.js.map b/main.js.map
index dbf5fc9..4a867ef 100644
--- a/main.js.map
+++ b/main.js.map
@@ -1,5 +1,9 @@
 <<<<<<< HEAD
+<<<<<<< HEAD
 {"version":3,"file":"main.js","mappings":"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AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;;ACrEa;;AAEb;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACfyB;AACJ;;AAce;;AAQH;;AAmB/B;;AAEF;AACA;;AAEA,uEAAY;AACZ;;AAEA,gFAAqB;AACrB,qFAA6B;;AAE7B,+EAAoB;AACpB,iFAAyB;;AAEzB,4EAAiB;;AAEjB;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,EAAE,kFAAuB;;AAEzB,EAAE,gFAAqB;AACvB,EAAE,qFAA6B;;AAE/B,EAAE,+EAAoB;AACtB,EAAE,iFAAyB;;AAE3B,EAAE,4EAAiB;;AAEnB,EAAE,wEAAgB;AAClB;;AAEA;AACA,EAAE,kFAAuB;AACzB,EAAE,uEAAY;AACd;AACA;AACA;AACA;AACA,IAAI,0EAAe;AACnB,GAAG;AACH,EAAE,4EAAiB;AACnB,EAAE,uEAAe;AACjB,EAAE,8EAAmB;AACrB,EAAE,yEAAiB;AACnB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,wBAAwB;AACxB;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,wEAAa;AACjB;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA,WAAW;AACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9LuE;AACrB;;AAkBhD;;AAEF;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,EAAE,kDAAc;;AAEhB;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA,gBAAgB,qDAAa;AAC7B;AACA;AACA,EAAE,kDAAc;AAChB;;AAEA;AACA;AACA;AACA;AACA,EAAE,kDAAc;;AAEhB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA,EAAE,4DAAoB;AACtB,EAAE,+DAAe;AACjB;;AAEA;AACA;AACA;AACA;AACA,uBAAuB,SAAS;AAChC;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,6BAA6B,IAAI,IAAI,MAAM;AAC3C;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAAS,qDAAiB;AAC1B,IAAI,sDAAkB,CAAC,qDAAiB;AACxC;AACA;;;;;;;;;;;;;;;;;;;;;;AClVkB;;AAUU;;AAS1B;;AAEF;AACA;AACA;AACA,EAAE,8DAAW,CAAC,6CAAS;AACvB;AACA;AACA;AACA;AACA,IAAI,6DAAU;AACd;AACA;AACA;AACA,QAAQ,8DAAW,CAAC,qDAAa;AACjC;;AAEA;AACA,QAAQ,8DAAW,CAAC,kDAAU;AAC9B;;AAEA;AACA,QAAQ,8DAAW,CAAC,yDAAiB;AACrC;;AAEA;AACA,QAAQ,8DAAW,CAAC,oDAAY;AAChC;;AAEA;AACA,QAAQ,8DAAW,CAAC,oDAAY;AAChC;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA,IAAI,iDAAa;AACjB;AACA;AACA,QAAQ,oDAAgB;AACxB,QAAQ,sDAAc;AACtB;AACA,KAAK;AACL,GAAG;AACH;;AAEA;AACA;AACA;AACA,IAAI,sDAAc;AAClB,GAAG;AACH;;AAEA;AACA;AACA;AACA,IAAI,0EAAuB;AAC3B,IAAI,iEAAc;AAClB;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA,IAAI,sDAAc;AAClB,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,sDAAc;AACpB,KAAK;AACL,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA,IAAI,+DAAY;AAChB,IAAI,0EAAuB;AAC3B,IAAI,2DAAQ;AACZ;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,sDAAc;AACnC,qBAAqB,gDAAQ;;AAE7B;AACA;;AAEA;AACA,sBAAsB,oDAAY;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAI,wDAAgB;AACpB,IAAI,sDAAc;AAClB,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA,IAAI,kDAAU;;AAEd;AACA;AACA,GAAG;AACH;;;;;;;UCnLA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;;;;;UEAA;UACA;UACA;UACA","sources":["webpack://to-do-list/./src/normalize.css","webpack://to-do-list/./src/style.css","webpack://to-do-list/./node_modules/css-loader/dist/runtime/api.js","webpack://to-do-list/./node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://to-do-list/./src/normalize.css?6856","webpack://to-do-list/./src/style.css?7163","webpack://to-do-list/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://to-do-list/./src/index.js","webpack://to-do-list/./src/modules/dom-manipulation.js","webpack://to-do-list/./src/modules/event-handler.js","webpack://to-do-list/webpack/bootstrap","webpack://to-do-list/webpack/runtime/compat get default export","webpack://to-do-list/webpack/runtime/define property getters","webpack://to-do-list/webpack/runtime/hasOwnProperty shorthand","webpack://to-do-list/webpack/runtime/make namespace object","webpack://to-do-list/webpack/runtime/nonce","webpack://to-do-list/webpack/before-startup","webpack://to-do-list/webpack/startup","webpack://to-do-list/webpack/after-startup"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\\n\\n/* Document\\n   ========================================================================== */\\n\\n/**\\n * 1. Correct the line height in all browsers.\\n * 2. Prevent adjustments of font size after orientation changes in iOS.\\n */\\n\\nhtml {\\n  line-height: 1.15; /* 1 */\\n  -webkit-text-size-adjust: 100%; /* 2 */\\n}\\n\\n/* Sections\\n   ========================================================================== */\\n\\n/**\\n * Remove the margin in all browsers.\\n */\\n\\nbody {\\n  margin: 0;\\n}\\n\\n/**\\n * Render the `main` element consistently in IE.\\n */\\n\\nmain {\\n  display: block;\\n}\\n\\n/**\\n * Correct the font size and margin on `h1` elements within `section` and\\n * `article` contexts in Chrome, Firefox, and Safari.\\n */\\n\\nh1 {\\n  font-size: 2em;\\n  margin: 0.67em 0;\\n}\\n\\n/* Grouping content\\n   ========================================================================== */\\n\\n/**\\n * 1. Add the correct box sizing in Firefox.\\n * 2. Show the overflow in Edge and IE.\\n */\\n\\nhr {\\n  box-sizing: content-box; /* 1 */\\n  height: 0; /* 1 */\\n  overflow: visible; /* 2 */\\n}\\n\\n/**\\n * 1. Correct the inheritance and scaling of font size in all browsers.\\n * 2. Correct the odd `em` font sizing in all browsers.\\n */\\n\\npre {\\n  font-family: monospace, monospace; /* 1 */\\n  font-size: 1em; /* 2 */\\n}\\n\\n/* Text-level semantics\\n   ========================================================================== */\\n\\n/**\\n * Remove the gray background on active links in IE 10.\\n */\\n\\na {\\n  background-color: transparent;\\n}\\n\\n/**\\n * 1. Remove the bottom border in Chrome 57-\\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\\n */\\n\\nabbr[title] {\\n  border-bottom: none; /* 1 */\\n  text-decoration: underline; /* 2 */\\n  text-decoration: underline dotted; /* 2 */\\n}\\n\\n/**\\n * Add the correct font weight in Chrome, Edge, and Safari.\\n */\\n\\nb,\\nstrong {\\n  font-weight: bolder;\\n}\\n\\n/**\\n * 1. Correct the inheritance and scaling of font size in all browsers.\\n * 2. Correct the odd `em` font sizing in all browsers.\\n */\\n\\ncode,\\nkbd,\\nsamp {\\n  font-family: monospace, monospace; /* 1 */\\n  font-size: 1em; /* 2 */\\n}\\n\\n/**\\n * Add the correct font size in all browsers.\\n */\\n\\nsmall {\\n  font-size: 80%;\\n}\\n\\n/**\\n * Prevent `sub` and `sup` elements from affecting the line height in\\n * all browsers.\\n */\\n\\nsub,\\nsup {\\n  font-size: 75%;\\n  line-height: 0;\\n  position: relative;\\n  vertical-align: baseline;\\n}\\n\\nsub {\\n  bottom: -0.25em;\\n}\\n\\nsup {\\n  top: -0.5em;\\n}\\n\\n/* Embedded content\\n   ========================================================================== */\\n\\n/**\\n * Remove the border on images inside links in IE 10.\\n */\\n\\nimg {\\n  border-style: none;\\n}\\n\\n/* Forms\\n   ========================================================================== */\\n\\n/**\\n * 1. Change the font styles in all browsers.\\n * 2. Remove the margin in Firefox and Safari.\\n */\\n\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n  font-family: inherit; /* 1 */\\n  font-size: 100%; /* 1 */\\n  line-height: 1.15; /* 1 */\\n  margin: 0; /* 2 */\\n}\\n\\n/**\\n * Show the overflow in IE.\\n * 1. Show the overflow in Edge.\\n */\\n\\nbutton,\\ninput {\\n  /* 1 */\\n  overflow: visible;\\n}\\n\\n/**\\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\\n * 1. Remove the inheritance of text transform in Firefox.\\n */\\n\\nbutton,\\nselect {\\n  /* 1 */\\n  text-transform: none;\\n}\\n\\n/**\\n * Correct the inability to style clickable types in iOS and Safari.\\n */\\n\\nbutton,\\n[type='button'],\\n[type='reset'],\\n[type='submit'] {\\n  -webkit-appearance: button;\\n}\\n\\n/**\\n * Remove the inner border and padding in Firefox.\\n */\\n\\nbutton::-moz-focus-inner,\\n[type='button']::-moz-focus-inner,\\n[type='reset']::-moz-focus-inner,\\n[type='submit']::-moz-focus-inner {\\n  border-style: none;\\n  padding: 0;\\n}\\n\\n/**\\n * Restore the focus styles unset by the previous rule.\\n */\\n\\nbutton:-moz-focusring,\\n[type='button']:-moz-focusring,\\n[type='reset']:-moz-focusring,\\n[type='submit']:-moz-focusring {\\n  outline: 1px dotted ButtonText;\\n}\\n\\n/**\\n * Correct the padding in Firefox.\\n */\\n\\nfieldset {\\n  padding: 0.35em 0.75em 0.625em;\\n}\\n\\n/**\\n * 1. Correct the text wrapping in Edge and IE.\\n * 2. Correct the color inheritance from `fieldset` elements in IE.\\n * 3. Remove the padding so developers are not caught out when they zero out\\n *    `fieldset` elements in all browsers.\\n */\\n\\nlegend {\\n  box-sizing: border-box; /* 1 */\\n  color: inherit; /* 2 */\\n  display: table; /* 1 */\\n  max-width: 100%; /* 1 */\\n  padding: 0; /* 3 */\\n  white-space: normal; /* 1 */\\n}\\n\\n/**\\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\\n */\\n\\nprogress {\\n  vertical-align: baseline;\\n}\\n\\n/**\\n * Remove the default vertical scrollbar in IE 10+.\\n */\\n\\ntextarea {\\n  overflow: auto;\\n}\\n\\n/**\\n * 1. Add the correct box sizing in IE 10.\\n * 2. Remove the padding in IE 10.\\n */\\n\\n[type='checkbox'],\\n[type='radio'] {\\n  box-sizing: border-box; /* 1 */\\n  padding: 0; /* 2 */\\n}\\n\\n/**\\n * Correct the cursor style of increment and decrement buttons in Chrome.\\n */\\n\\n[type='number']::-webkit-inner-spin-button,\\n[type='number']::-webkit-outer-spin-button {\\n  height: auto;\\n}\\n\\n/**\\n * 1. Correct the odd appearance in Chrome and Safari.\\n * 2. Correct the outline style in Safari.\\n */\\n\\n[type='search'] {\\n  -webkit-appearance: textfield; /* 1 */\\n  outline-offset: -2px; /* 2 */\\n}\\n\\n/**\\n * Remove the inner padding in Chrome and Safari on macOS.\\n */\\n\\n[type='search']::-webkit-search-decoration {\\n  -webkit-appearance: none;\\n}\\n\\n/**\\n * 1. Correct the inability to style clickable types in iOS and Safari.\\n * 2. Change font properties to `inherit` in Safari.\\n */\\n\\n::-webkit-file-upload-button {\\n  -webkit-appearance: button; /* 1 */\\n  font: inherit; /* 2 */\\n}\\n\\n/* Interactive\\n   ========================================================================== */\\n\\n/*\\n * Add the correct display in Edge, IE 10+, and Firefox.\\n */\\n\\ndetails {\\n  display: block;\\n}\\n\\n/*\\n * Add the correct display in all browsers.\\n */\\n\\nsummary {\\n  display: list-item;\\n}\\n\\n/* Misc\\n   ========================================================================== */\\n\\n/**\\n * Add the correct display in IE 10+.\\n */\\n\\ntemplate {\\n  display: none;\\n}\\n\\n/**\\n * Add the correct display in IE 10.\\n */\\n\\n[hidden] {\\n  display: none;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/normalize.css\"],\"names\":[],\"mappings\":\"AAAA,2EAA2E;;AAE3E;+EAC+E;;AAE/E;;;EAGE;;AAEF;EACE,iBAAiB,EAAE,MAAM;EACzB,8BAA8B,EAAE,MAAM;AACxC;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,SAAS;AACX;;AAEA;;EAEE;;AAEF;EACE,cAAc;AAChB;;AAEA;;;EAGE;;AAEF;EACE,cAAc;EACd,gBAAgB;AAClB;;AAEA;+EAC+E;;AAE/E;;;EAGE;;AAEF;EACE,uBAAuB,EAAE,MAAM;EAC/B,SAAS,EAAE,MAAM;EACjB,iBAAiB,EAAE,MAAM;AAC3B;;AAEA;;;EAGE;;AAEF;EACE,iCAAiC,EAAE,MAAM;EACzC,cAAc,EAAE,MAAM;AACxB;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,6BAA6B;AAC/B;;AAEA;;;EAGE;;AAEF;EACE,mBAAmB,EAAE,MAAM;EAC3B,0BAA0B,EAAE,MAAM;EAClC,iCAAiC,EAAE,MAAM;AAC3C;;AAEA;;EAEE;;AAEF;;EAEE,mBAAmB;AACrB;;AAEA;;;EAGE;;AAEF;;;EAGE,iCAAiC,EAAE,MAAM;EACzC,cAAc,EAAE,MAAM;AACxB;;AAEA;;EAEE;;AAEF;EACE,cAAc;AAChB;;AAEA;;;EAGE;;AAEF;;EAEE,cAAc;EACd,cAAc;EACd,kBAAkB;EAClB,wBAAwB;AAC1B;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,WAAW;AACb;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,kBAAkB;AACpB;;AAEA;+EAC+E;;AAE/E;;;EAGE;;AAEF;;;;;EAKE,oBAAoB,EAAE,MAAM;EAC5B,eAAe,EAAE,MAAM;EACvB,iBAAiB,EAAE,MAAM;EACzB,SAAS,EAAE,MAAM;AACnB;;AAEA;;;EAGE;;AAEF;;EAEE,MAAM;EACN,iBAAiB;AACnB;;AAEA;;;EAGE;;AAEF;;EAEE,MAAM;EACN,oBAAoB;AACtB;;AAEA;;EAEE;;AAEF;;;;EAIE,0BAA0B;AAC5B;;AAEA;;EAEE;;AAEF;;;;EAIE,kBAAkB;EAClB,UAAU;AACZ;;AAEA;;EAEE;;AAEF;;;;EAIE,8BAA8B;AAChC;;AAEA;;EAEE;;AAEF;EACE,8BAA8B;AAChC;;AAEA;;;;;EAKE;;AAEF;EACE,sBAAsB,EAAE,MAAM;EAC9B,cAAc,EAAE,MAAM;EACtB,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,MAAM;EACvB,UAAU,EAAE,MAAM;EAClB,mBAAmB,EAAE,MAAM;AAC7B;;AAEA;;EAEE;;AAEF;EACE,wBAAwB;AAC1B;;AAEA;;EAEE;;AAEF;EACE,cAAc;AAChB;;AAEA;;;EAGE;;AAEF;;EAEE,sBAAsB,EAAE,MAAM;EAC9B,UAAU,EAAE,MAAM;AACpB;;AAEA;;EAEE;;AAEF;;EAEE,YAAY;AACd;;AAEA;;;EAGE;;AAEF;EACE,6BAA6B,EAAE,MAAM;EACrC,oBAAoB,EAAE,MAAM;AAC9B;;AAEA;;EAEE;;AAEF;EACE,wBAAwB;AAC1B;;AAEA;;;EAGE;;AAEF;EACE,0BAA0B,EAAE,MAAM;EAClC,aAAa,EAAE,MAAM;AACvB;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,cAAc;AAChB;;AAEA;;EAEE;;AAEF;EACE,kBAAkB;AACpB;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,aAAa;AACf;;AAEA;;EAEE;;AAEF;EACE,aAAa;AACf\",\"sourcesContent\":[\"/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\\n\\n/* Document\\n   ========================================================================== */\\n\\n/**\\n * 1. Correct the line height in all browsers.\\n * 2. Prevent adjustments of font size after orientation changes in iOS.\\n */\\n\\nhtml {\\n  line-height: 1.15; /* 1 */\\n  -webkit-text-size-adjust: 100%; /* 2 */\\n}\\n\\n/* Sections\\n   ========================================================================== */\\n\\n/**\\n * Remove the margin in all browsers.\\n */\\n\\nbody {\\n  margin: 0;\\n}\\n\\n/**\\n * Render the `main` element consistently in IE.\\n */\\n\\nmain {\\n  display: block;\\n}\\n\\n/**\\n * Correct the font size and margin on `h1` elements within `section` and\\n * `article` contexts in Chrome, Firefox, and Safari.\\n */\\n\\nh1 {\\n  font-size: 2em;\\n  margin: 0.67em 0;\\n}\\n\\n/* Grouping content\\n   ========================================================================== */\\n\\n/**\\n * 1. Add the correct box sizing in Firefox.\\n * 2. Show the overflow in Edge and IE.\\n */\\n\\nhr {\\n  box-sizing: content-box; /* 1 */\\n  height: 0; /* 1 */\\n  overflow: visible; /* 2 */\\n}\\n\\n/**\\n * 1. Correct the inheritance and scaling of font size in all browsers.\\n * 2. Correct the odd `em` font sizing in all browsers.\\n */\\n\\npre {\\n  font-family: monospace, monospace; /* 1 */\\n  font-size: 1em; /* 2 */\\n}\\n\\n/* Text-level semantics\\n   ========================================================================== */\\n\\n/**\\n * Remove the gray background on active links in IE 10.\\n */\\n\\na {\\n  background-color: transparent;\\n}\\n\\n/**\\n * 1. Remove the bottom border in Chrome 57-\\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\\n */\\n\\nabbr[title] {\\n  border-bottom: none; /* 1 */\\n  text-decoration: underline; /* 2 */\\n  text-decoration: underline dotted; /* 2 */\\n}\\n\\n/**\\n * Add the correct font weight in Chrome, Edge, and Safari.\\n */\\n\\nb,\\nstrong {\\n  font-weight: bolder;\\n}\\n\\n/**\\n * 1. Correct the inheritance and scaling of font size in all browsers.\\n * 2. Correct the odd `em` font sizing in all browsers.\\n */\\n\\ncode,\\nkbd,\\nsamp {\\n  font-family: monospace, monospace; /* 1 */\\n  font-size: 1em; /* 2 */\\n}\\n\\n/**\\n * Add the correct font size in all browsers.\\n */\\n\\nsmall {\\n  font-size: 80%;\\n}\\n\\n/**\\n * Prevent `sub` and `sup` elements from affecting the line height in\\n * all browsers.\\n */\\n\\nsub,\\nsup {\\n  font-size: 75%;\\n  line-height: 0;\\n  position: relative;\\n  vertical-align: baseline;\\n}\\n\\nsub {\\n  bottom: -0.25em;\\n}\\n\\nsup {\\n  top: -0.5em;\\n}\\n\\n/* Embedded content\\n   ========================================================================== */\\n\\n/**\\n * Remove the border on images inside links in IE 10.\\n */\\n\\nimg {\\n  border-style: none;\\n}\\n\\n/* Forms\\n   ========================================================================== */\\n\\n/**\\n * 1. Change the font styles in all browsers.\\n * 2. Remove the margin in Firefox and Safari.\\n */\\n\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n  font-family: inherit; /* 1 */\\n  font-size: 100%; /* 1 */\\n  line-height: 1.15; /* 1 */\\n  margin: 0; /* 2 */\\n}\\n\\n/**\\n * Show the overflow in IE.\\n * 1. Show the overflow in Edge.\\n */\\n\\nbutton,\\ninput {\\n  /* 1 */\\n  overflow: visible;\\n}\\n\\n/**\\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\\n * 1. Remove the inheritance of text transform in Firefox.\\n */\\n\\nbutton,\\nselect {\\n  /* 1 */\\n  text-transform: none;\\n}\\n\\n/**\\n * Correct the inability to style clickable types in iOS and Safari.\\n */\\n\\nbutton,\\n[type='button'],\\n[type='reset'],\\n[type='submit'] {\\n  -webkit-appearance: button;\\n}\\n\\n/**\\n * Remove the inner border and padding in Firefox.\\n */\\n\\nbutton::-moz-focus-inner,\\n[type='button']::-moz-focus-inner,\\n[type='reset']::-moz-focus-inner,\\n[type='submit']::-moz-focus-inner {\\n  border-style: none;\\n  padding: 0;\\n}\\n\\n/**\\n * Restore the focus styles unset by the previous rule.\\n */\\n\\nbutton:-moz-focusring,\\n[type='button']:-moz-focusring,\\n[type='reset']:-moz-focusring,\\n[type='submit']:-moz-focusring {\\n  outline: 1px dotted ButtonText;\\n}\\n\\n/**\\n * Correct the padding in Firefox.\\n */\\n\\nfieldset {\\n  padding: 0.35em 0.75em 0.625em;\\n}\\n\\n/**\\n * 1. Correct the text wrapping in Edge and IE.\\n * 2. Correct the color inheritance from `fieldset` elements in IE.\\n * 3. Remove the padding so developers are not caught out when they zero out\\n *    `fieldset` elements in all browsers.\\n */\\n\\nlegend {\\n  box-sizing: border-box; /* 1 */\\n  color: inherit; /* 2 */\\n  display: table; /* 1 */\\n  max-width: 100%; /* 1 */\\n  padding: 0; /* 3 */\\n  white-space: normal; /* 1 */\\n}\\n\\n/**\\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\\n */\\n\\nprogress {\\n  vertical-align: baseline;\\n}\\n\\n/**\\n * Remove the default vertical scrollbar in IE 10+.\\n */\\n\\ntextarea {\\n  overflow: auto;\\n}\\n\\n/**\\n * 1. Add the correct box sizing in IE 10.\\n * 2. Remove the padding in IE 10.\\n */\\n\\n[type='checkbox'],\\n[type='radio'] {\\n  box-sizing: border-box; /* 1 */\\n  padding: 0; /* 2 */\\n}\\n\\n/**\\n * Correct the cursor style of increment and decrement buttons in Chrome.\\n */\\n\\n[type='number']::-webkit-inner-spin-button,\\n[type='number']::-webkit-outer-spin-button {\\n  height: auto;\\n}\\n\\n/**\\n * 1. Correct the odd appearance in Chrome and Safari.\\n * 2. Correct the outline style in Safari.\\n */\\n\\n[type='search'] {\\n  -webkit-appearance: textfield; /* 1 */\\n  outline-offset: -2px; /* 2 */\\n}\\n\\n/**\\n * Remove the inner padding in Chrome and Safari on macOS.\\n */\\n\\n[type='search']::-webkit-search-decoration {\\n  -webkit-appearance: none;\\n}\\n\\n/**\\n * 1. Correct the inability to style clickable types in iOS and Safari.\\n * 2. Change font properties to `inherit` in Safari.\\n */\\n\\n::-webkit-file-upload-button {\\n  -webkit-appearance: button; /* 1 */\\n  font: inherit; /* 2 */\\n}\\n\\n/* Interactive\\n   ========================================================================== */\\n\\n/*\\n * Add the correct display in Edge, IE 10+, and Firefox.\\n */\\n\\ndetails {\\n  display: block;\\n}\\n\\n/*\\n * Add the correct display in all browsers.\\n */\\n\\nsummary {\\n  display: list-item;\\n}\\n\\n/* Misc\\n   ========================================================================== */\\n\\n/**\\n * Add the correct display in IE 10+.\\n */\\n\\ntemplate {\\n  display: none;\\n}\\n\\n/**\\n * Add the correct display in IE 10.\\n */\\n\\n[hidden] {\\n  display: none;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":root {\\n  --light: #ffffff;\\n  --dark: #071e22;\\n  --first-accent: linear-gradient(to right, #1d7874, #124d4a);\\n  --second-accent: #dcc48e;\\n  --mild-urgent: rgb(23, 202, 242);\\n  --urgent: rgb(236, 176, 13);\\n  --very-urgent: rgb(216, 8, 8);\\n}\\n\\n*,\\n*::before,\\n*::after {\\n  box-sizing: border-box;\\n  padding: 0;\\n  margin: 0;\\n}\\n\\nbody {\\n  font-family: sans-serif;\\n  background: var(--dark);\\n  color: var(--light);\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\n/** ``**``**`` Header styling ``**``**`` */\\n\\nheader {\\n  width: 100%;\\n  padding: 40px;\\n  font-size: 1.5rem;\\n  background: var(--first-accent);\\n  display: flex;\\n  justify-content: space-around;\\n}\\n\\n.material-symbols-outlined {\\n  transform: scale(3);\\n  cursor: pointer;\\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\\n}\\n\\n.material-symbols-outlined:hover {\\n  color: var(--second-accent);\\n}\\n\\n#sortingDropdown {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n  text-align: center;\\n}\\n\\n#sortingDropdown:focus {\\n  outline: var(--second-accent) solid 4px;\\n}\\n\\n/** ``**``**`` Content styling ``**``**`` */\\n\\n.content,\\n.warning {\\n  width: 100%;\\n  padding: 0px 10px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: start;\\n  align-items: start;\\n}\\n\\n.content > button,\\n.warning > button {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n  font-size: 1rem;\\n  width: auto;\\n  margin: 10px 30px;\\n  transition: transform ease 100ms;\\n}\\n\\n.content > button:hover,\\n.warning > button:hover {\\n  background: var(--second-accent);\\n  transform: translate(0, 2px);\\n}\\n\\n.task {\\n  color: var(--light);\\n  background: var(--dark);\\n  width: 100%;\\n  font-size: 1.5rem;\\n  cursor: pointer;\\n  padding: 30px;\\n  text-align: left;\\n  border: none;\\n  border-bottom: solid 1px var(--second-accent);\\n}\\n\\n.content > p,\\n.warning > p {\\n  font-size: 1.5rem;\\n  padding: 10px 30px;\\n}\\n\\n/** ``**``**`` Form styling ``**``**`` */\\n\\n.form-wrapper {\\n  height: 100vh;\\n  width: 100vw;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\nform {\\n  color: var(--second-accent);\\n  display: flex;\\n  flex-direction: column;\\n  gap: 15px;\\n  font-size: 1.25rem;\\n  outline: var(--second-accent) solid 1px;\\n  padding: 50px 30px;\\n  border-radius: 10px;\\n}\\n\\nform input,\\nform textarea,\\nform button,\\nform select {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n}\\n\\nform *:focus:not(button, [type='radio']) {\\n  outline: var(--second-accent) solid 4px;\\n}\\n\\n.input-wrapper {\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  gap: 15px;\\n}\\n\\n.priority-wrapper {\\n  display: flex;\\n  gap: 15%;\\n  justify-content: center;\\n}\\n\\n.priority-wrapper * {\\n  display: flex;\\n  gap: 5px;\\n  align-items: center;\\n}\\n\\n[type='radio'] {\\n  appearance: none;\\n  border-radius: 50%;\\n  width: 1.25rem;\\n  height: 1.25rem;\\n  border: 2px solid var(--second-accent);\\n  transition: 0.2s all linear;\\n}\\n\\n#P1:checked {\\n  border: 6px solid var(--very-urgent);\\n}\\n\\n#P2:checked {\\n  border: 6px solid var(--urgent);\\n}\\n\\n#P3:checked {\\n  border: 6px solid var(--mild-urgent);\\n}\\n\\n#P4:checked {\\n  border: 6px solid var(--light);\\n}\\n\\nform button {\\n  font-size: 1rem;\\n  width: auto;\\n  align-self: center;\\n  transition: transform ease 100ms;\\n}\\n\\nform button:hover {\\n  background: var(--second-accent);\\n  transform: translate(0, 2px);\\n}\\n\\n/** ``**``**`` Media queries ``**``**`` */\\n\\n@media (max-width: 700px) {\\n  header {\\n    flex-direction: column;\\n    gap: 20px;\\n    align-items: center;\\n  }\\n\\n  .material-symbols-outlined {\\n    transform: scale(2);\\n  }\\n\\n  .sorting {\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n  }\\n\\n  form input,\\n  form textarea,\\n  form select {\\n    padding: 5px;\\n  }\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/style.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,gBAAgB;EAChB,eAAe;EACf,2DAA2D;EAC3D,wBAAwB;EACxB,gCAAgC;EAChC,2BAA2B;EAC3B,6BAA6B;AAC/B;;AAEA;;;EAGE,sBAAsB;EACtB,UAAU;EACV,SAAS;AACX;;AAEA;EACE,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA,0CAA0C;;AAE1C;EACE,WAAW;EACX,aAAa;EACb,iBAAiB;EACjB,+BAA+B;EAC/B,aAAa;EACb,6BAA6B;AAC/B;;AAEA;EACE,mBAAmB;EACnB,eAAe;EACf,kEAAkE;AACpE;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,uCAAuC;AACzC;;AAEA,2CAA2C;;AAE3C;;EAEE,WAAW;EACX,iBAAiB;EACjB,aAAa;EACb,sBAAsB;EACtB,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;;EAEE,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,WAAW;EACX,iBAAiB;EACjB,gCAAgC;AAClC;;AAEA;;EAEE,gCAAgC;EAChC,4BAA4B;AAC9B;;AAEA;EACE,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,iBAAiB;EACjB,eAAe;EACf,aAAa;EACb,gBAAgB;EAChB,YAAY;EACZ,6CAA6C;AAC/C;;AAEA;;EAEE,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA,wCAAwC;;AAExC;EACE,aAAa;EACb,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,kBAAkB;EAClB,uCAAuC;EACvC,kBAAkB;EAClB,mBAAmB;AACrB;;AAEA;;;;EAIE,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;AACX;;AAEA;EACE,aAAa;EACb,QAAQ;EACR,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,QAAQ;EACR,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;EAClB,cAAc;EACd,eAAe;EACf,sCAAsC;EACtC,2BAA2B;AAC7B;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,eAAe;EACf,WAAW;EACX,kBAAkB;EAClB,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;EAChC,4BAA4B;AAC9B;;AAEA,yCAAyC;;AAEzC;EACE;IACE,sBAAsB;IACtB,SAAS;IACT,mBAAmB;EACrB;;EAEA;IACE,mBAAmB;EACrB;;EAEA;IACE,aAAa;IACb,sBAAsB;IACtB,mBAAmB;EACrB;;EAEA;;;IAGE,YAAY;EACd;AACF\",\"sourcesContent\":[\":root {\\n  --light: #ffffff;\\n  --dark: #071e22;\\n  --first-accent: linear-gradient(to right, #1d7874, #124d4a);\\n  --second-accent: #dcc48e;\\n  --mild-urgent: rgb(23, 202, 242);\\n  --urgent: rgb(236, 176, 13);\\n  --very-urgent: rgb(216, 8, 8);\\n}\\n\\n*,\\n*::before,\\n*::after {\\n  box-sizing: border-box;\\n  padding: 0;\\n  margin: 0;\\n}\\n\\nbody {\\n  font-family: sans-serif;\\n  background: var(--dark);\\n  color: var(--light);\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\n/** ``**``**`` Header styling ``**``**`` */\\n\\nheader {\\n  width: 100%;\\n  padding: 40px;\\n  font-size: 1.5rem;\\n  background: var(--first-accent);\\n  display: flex;\\n  justify-content: space-around;\\n}\\n\\n.material-symbols-outlined {\\n  transform: scale(3);\\n  cursor: pointer;\\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\\n}\\n\\n.material-symbols-outlined:hover {\\n  color: var(--second-accent);\\n}\\n\\n#sortingDropdown {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n  text-align: center;\\n}\\n\\n#sortingDropdown:focus {\\n  outline: var(--second-accent) solid 4px;\\n}\\n\\n/** ``**``**`` Content styling ``**``**`` */\\n\\n.content,\\n.warning {\\n  width: 100%;\\n  padding: 0px 10px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: start;\\n  align-items: start;\\n}\\n\\n.content > button,\\n.warning > button {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n  font-size: 1rem;\\n  width: auto;\\n  margin: 10px 30px;\\n  transition: transform ease 100ms;\\n}\\n\\n.content > button:hover,\\n.warning > button:hover {\\n  background: var(--second-accent);\\n  transform: translate(0, 2px);\\n}\\n\\n.task {\\n  color: var(--light);\\n  background: var(--dark);\\n  width: 100%;\\n  font-size: 1.5rem;\\n  cursor: pointer;\\n  padding: 30px;\\n  text-align: left;\\n  border: none;\\n  border-bottom: solid 1px var(--second-accent);\\n}\\n\\n.content > p,\\n.warning > p {\\n  font-size: 1.5rem;\\n  padding: 10px 30px;\\n}\\n\\n/** ``**``**`` Form styling ``**``**`` */\\n\\n.form-wrapper {\\n  height: 100vh;\\n  width: 100vw;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\nform {\\n  color: var(--second-accent);\\n  display: flex;\\n  flex-direction: column;\\n  gap: 15px;\\n  font-size: 1.25rem;\\n  outline: var(--second-accent) solid 1px;\\n  padding: 50px 30px;\\n  border-radius: 10px;\\n}\\n\\nform input,\\nform textarea,\\nform button,\\nform select {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n}\\n\\nform *:focus:not(button, [type='radio']) {\\n  outline: var(--second-accent) solid 4px;\\n}\\n\\n.input-wrapper {\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  gap: 15px;\\n}\\n\\n.priority-wrapper {\\n  display: flex;\\n  gap: 15%;\\n  justify-content: center;\\n}\\n\\n.priority-wrapper * {\\n  display: flex;\\n  gap: 5px;\\n  align-items: center;\\n}\\n\\n[type='radio'] {\\n  appearance: none;\\n  border-radius: 50%;\\n  width: 1.25rem;\\n  height: 1.25rem;\\n  border: 2px solid var(--second-accent);\\n  transition: 0.2s all linear;\\n}\\n\\n#P1:checked {\\n  border: 6px solid var(--very-urgent);\\n}\\n\\n#P2:checked {\\n  border: 6px solid var(--urgent);\\n}\\n\\n#P3:checked {\\n  border: 6px solid var(--mild-urgent);\\n}\\n\\n#P4:checked {\\n  border: 6px solid var(--light);\\n}\\n\\nform button {\\n  font-size: 1rem;\\n  width: auto;\\n  align-self: center;\\n  transition: transform ease 100ms;\\n}\\n\\nform button:hover {\\n  background: var(--second-accent);\\n  transform: translate(0, 2px);\\n}\\n\\n/** ``**``**`` Media queries ``**``**`` */\\n\\n@media (max-width: 700px) {\\n  header {\\n    flex-direction: column;\\n    gap: 20px;\\n    align-items: center;\\n  }\\n\\n  .material-symbols-outlined {\\n    transform: scale(2);\\n  }\\n\\n  .sorting {\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n  }\\n\\n  form input,\\n  form textarea,\\n  form select {\\n    padding: 5px;\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n  var content = item[1];\n  var cssMapping = item[3];\n  if (!cssMapping) {\n    return content;\n  }\n  if (typeof btoa === \"function\") {\n    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n    var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n    var sourceMapping = \"/*# \".concat(data, \" */\");\n    return [content].concat([sourceMapping]).join(\"\\n\");\n  }\n  return [content].join(\"\\n\");\n};","\n      import API from \"!../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../node_modules/css-loader/dist/cjs.js!./normalize.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../node_modules/css-loader/dist/cjs.js!./normalize.css\";\n       export default content && content.locals ? content.locals : undefined;\n","\n      import API from \"!../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../node_modules/css-loader/dist/cjs.js!./style.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../node_modules/css-loader/dist/cjs.js!./style.css\";\n       export default content && content.locals ? content.locals : undefined;\n","\"use strict\";\n\nvar stylesInDOM = [];\n\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n\n  for (var i = 0; i < stylesInDOM.length; i++) {\n    if (stylesInDOM[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\n}\n\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var indexByIdentifier = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3],\n      supports: item[4],\n      layer: item[5]\n    };\n\n    if (indexByIdentifier !== -1) {\n      stylesInDOM[indexByIdentifier].references++;\n      stylesInDOM[indexByIdentifier].updater(obj);\n    } else {\n      var updater = addElementStyle(obj, options);\n      options.byIndex = i;\n      stylesInDOM.splice(i, 0, {\n        identifier: identifier,\n        updater: updater,\n        references: 1\n      });\n    }\n\n    identifiers.push(identifier);\n  }\n\n  return identifiers;\n}\n\nfunction addElementStyle(obj, options) {\n  var api = options.domAPI(options);\n  api.update(obj);\n\n  var updater = function updater(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n        return;\n      }\n\n      api.update(obj = newObj);\n    } else {\n      api.remove();\n    }\n  };\n\n  return updater;\n}\n\nmodule.exports = function (list, options) {\n  options = options || {};\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDOM[index].references--;\n    }\n\n    var newLastIdentifiers = modulesToDom(newList, options);\n\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n\n      var _index = getIndexByIdentifier(_identifier);\n\n      if (stylesInDOM[_index].references === 0) {\n        stylesInDOM[_index].updater();\n\n        stylesInDOM.splice(_index, 1);\n      }\n    }\n\n    lastIdentifiers = newLastIdentifiers;\n  };\n};","\"use strict\";\n\nvar memo = {};\n/* istanbul ignore next  */\n\nfunction getTarget(target) {\n  if (typeof memo[target] === \"undefined\") {\n    var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n      try {\n        // This will throw an exception if access to iframe is blocked\n        // due to cross-origin restrictions\n        styleTarget = styleTarget.contentDocument.head;\n      } catch (e) {\n        // istanbul ignore next\n        styleTarget = null;\n      }\n    }\n\n    memo[target] = styleTarget;\n  }\n\n  return memo[target];\n}\n/* istanbul ignore next  */\n\n\nfunction insertBySelector(insert, style) {\n  var target = getTarget(insert);\n\n  if (!target) {\n    throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n  }\n\n  target.appendChild(style);\n}\n\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction insertStyleElement(options) {\n  var element = document.createElement(\"style\");\n  options.setAttributes(element, options.attributes);\n  options.insert(element, options.options);\n  return element;\n}\n\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction setAttributesWithoutAttributes(styleElement) {\n  var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n\n  if (nonce) {\n    styleElement.setAttribute(\"nonce\", nonce);\n  }\n}\n\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction apply(styleElement, options, obj) {\n  var css = \"\";\n\n  if (obj.supports) {\n    css += \"@supports (\".concat(obj.supports, \") {\");\n  }\n\n  if (obj.media) {\n    css += \"@media \".concat(obj.media, \" {\");\n  }\n\n  var needLayer = typeof obj.layer !== \"undefined\";\n\n  if (needLayer) {\n    css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n  }\n\n  css += obj.css;\n\n  if (needLayer) {\n    css += \"}\";\n  }\n\n  if (obj.media) {\n    css += \"}\";\n  }\n\n  if (obj.supports) {\n    css += \"}\";\n  }\n\n  var sourceMap = obj.sourceMap;\n\n  if (sourceMap && typeof btoa !== \"undefined\") {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  } // For old IE\n\n  /* istanbul ignore if  */\n\n\n  options.styleTagTransform(css, styleElement, options.options);\n}\n\nfunction removeStyleElement(styleElement) {\n  // istanbul ignore if\n  if (styleElement.parentNode === null) {\n    return false;\n  }\n\n  styleElement.parentNode.removeChild(styleElement);\n}\n/* istanbul ignore next  */\n\n\nfunction domAPI(options) {\n  var styleElement = options.insertStyleElement(options);\n  return {\n    update: function update(obj) {\n      apply(styleElement, options, obj);\n    },\n    remove: function remove() {\n      removeStyleElement(styleElement);\n    }\n  };\n}\n\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElement) {\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css;\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild);\n    }\n\n    styleElement.appendChild(document.createTextNode(css));\n  }\n}\n\nmodule.exports = styleTagTransform;","import './normalize.css';\nimport './style.css';\n\nimport {\n  createToDoItemButton,\n  displayTodaysDate,\n  displayToDoInfo,\n  updateOptions,\n  removeChildrenOfContent,\n  displayBackButton,\n  displayDeleteButton,\n  createSortingDropdown,\n  createHeader,\n  body,\n  removeHeader,\n} from './modules/dom-manipulation';\n\nimport {\n  createToDoItemButtonLogic,\n  taskDisplayLogic,\n  backButtonLogic,\n  deleteButtonLogic,\n  sortingAndDisplayOfTasksLogic,\n} from './modules/event-handler';\n\nexport {\n  populateDropdownMenu,\n  addObjectToArray,\n  addOptions,\n  createObject,\n  todoArray,\n  getTodaysDate,\n  createID,\n  goToMainScreen,\n  goToTaskScreen,\n  findPriorities,\n  priorityOrder,\n  alphaOrder,\n  reverseAlphaOrder,\n  projectOrder,\n  dueDateOrder,\n  header,\n};\n\n//? **`` Initial functions to be ran\nconst todoArray = [];\n\ncreateHeader();\nconst header = document.querySelector('header');\n\ncreateSortingDropdown();\nsortingAndDisplayOfTasksLogic();\n\ncreateToDoItemButton();\ncreateToDoItemButtonLogic();\n\ndisplayTodaysDate();\n\n//* **`` FUNCTIONS ``**\n\n//? **`` Sorts the array by priority\nfunction priorityOrder() {\n  return todoArray.sort((a, b) => (a.priority > b.priority ? 1 : -1));\n}\n\n//? **`` Sorts the array by alphabetical A-Z\nfunction alphaOrder() {\n  return todoArray.sort((a, b) => (a.task > b.task ? 1 : -1));\n}\n\n//? **`` Sorts the array by reverse alphabetical Z-A\nfunction reverseAlphaOrder() {\n  return todoArray.sort((a, b) => (a.task < b.task ? 1 : -1));\n}\n\n//? **`` Sorts the array by project\nfunction projectOrder() {\n  return todoArray.sort((a, b) => (a.project > b.project ? 1 : -1));\n}\n\n//? **`` Sorts the array by due date\nfunction dueDateOrder() {\n  return todoArray.sort((a, b) => (a.date > b.date ? 1 : -1));\n}\n\nfunction findPriorities() {\n  //? **``This finds all the 'priority' attributes, spreads the node list into an array, and returns the one thats checked.\n  const checked = [...document.querySelectorAll('[name=\"priority\"]')].find(\n    (priority) => priority.checked\n  );\n  return checked.value;\n}\n\nfunction goToMainScreen() {\n  removeChildrenOfContent();\n\n  createSortingDropdown();\n  sortingAndDisplayOfTasksLogic();\n\n  createToDoItemButton();\n  createToDoItemButtonLogic();\n\n  displayTodaysDate();\n\n  taskDisplayLogic();\n}\n\nfunction goToTaskScreen(ID) {\n  removeChildrenOfContent();\n  removeHeader();\n  //? **`` Filters through all objects in the array and returns a new array with the object that matches the ID\n  const currentObjArray = todoArray.filter((object) => ID == object.idNumber);\n  //? **`` Loops through the object and passes the key/value pairs to the display function\n  Object.entries(currentObjArray[0]).map(([key, value]) => {\n    displayToDoInfo(key, value);\n  });\n  displayBackButton();\n  backButtonLogic();\n  displayDeleteButton();\n  deleteButtonLogic(ID);\n}\n\nfunction createID() {\n  //? **`` This loops forever, and when we find that the random number does NOT match any ID numbers in the objects within the array, then we kill the loop and return the new unique number\n  while (true) {\n    const randomNumber =\n      Math.floor(Math.random() * (999999 - 100000 + 1)) + 100000;\n    if (!todoArray.some((obj) => obj.idNumber === randomNumber)) {\n      return randomNumber;\n    }\n  }\n}\n\nfunction getTodaysDate() {\n  const date = new Date();\n  //? **`` These are the date formatting options\n  const dateOptions = { month: 'short', day: 'numeric' };\n  const todaysDate = date.toLocaleDateString(undefined, dateOptions);\n  return todaysDate;\n}\n\n//? **`` Adds the new projects as options to the select dropdown\nfunction populateDropdownMenu() {\n  //? **`` Loops through each object in the array\n  todoArray.map((objs) => {\n    //? **`` As it loops, it checks to make sure each objects project name doesn't already exist in the dropdown list\n    const optionNodeList = document.querySelectorAll(\n      '#dropdownProjectMenu > option'\n    );\n    const duplicateCheck = [...optionNodeList].some(\n      (oppies) => oppies.innerText === objs.project\n    );\n    //? **`` If there are no duplicates, it fills the dropdown menu with the project names\n    if (!duplicateCheck) {\n      const newOption = document.createElement('option');\n      dropdownProjectMenu.appendChild(newOption);\n      newOption.setAttribute('value', objs.project);\n      newOption.innerText = objs.project;\n    }\n  });\n}\n\n//? **`` Updates the select dropdown options with the 'Create New Project' value\nfunction addOptions(newProjectField) {\n  const optionNodeList = document.querySelectorAll(\n    '#dropdownProjectMenu > option'\n  );\n  //? **`` Big \"if statement\" !!\n  if (\n    //? **`` Turns the node list into an array then checks for duplicate project names. Notice the \"bang\" mark at the beginning saying \"if this is NOT true...\"\n    ![...optionNodeList].some(\n      (option) => newProjectField.value == option.innerText\n    )\n  ) {\n    //? **`` If there are no duplicates, it adds it to the select dropdown\n    updateOptions(newProjectField);\n    //? **`` Automatically sets dropdown menu to last created new project\n    document.querySelector('#dropdownProjectMenu').value =\n      document.querySelector('#dropdownProjectMenu > option:last-child').value;\n  }\n}\n\n//? **`` Takes a new object as an argument and adds it to the front of the array\nfunction addObjectToArray(newObject) {\n  todoArray.unshift(newObject);\n}\n\n//? **`` Factory function that creates a new object of all the form values\nfunction createObject(project, task, date, priority, notes, idNumber) {\n  return { project, task, date, priority, notes, idNumber };\n}\n","import { populateDropdownMenu, getTodaysDate, header } from '../index';\nimport { backButtonLogic } from './event-handler';\n\nexport {\n  createToDoItemButton,\n  makeForm,\n  displayTodaysDate,\n  removeChildrenOfContent,\n  removeHeader,\n  displayTask,\n  displayToDoInfo,\n  updateOptions,\n  displayBackButton,\n  displayDeleteButton,\n  displayWarning,\n  createSortingDropdown,\n  clearTasks,\n  createHeader,\n  body,\n};\n\nconst body = document.querySelector('body');\nconst content = document.querySelector('.content');\n\nfunction createHeader() {\n  body.prepend(document.createElement('header'));\n}\n\n//? **`` Finds all the tasks, spreads them into an array, then cycles thru them and removes them from display\nfunction clearTasks() {\n  [...document.querySelectorAll('.task')].map((task) => task.remove());\n}\n\n//? **`` Creates the sorting dropdown menu and all it's options\nfunction createSortingDropdown() {\n  const sortingDiv = document.createElement('div');\n  sortingDiv.classList.add('sorting');\n  header.prepend(sortingDiv);\n\n  const sortingDropdown = document.createElement('select');\n  sortingDropdown.setAttribute('id', 'sortingDropdown');\n  sortingDropdown.setAttribute('name', 'sortingDropdown');\n  const sortingDropdownLabel = document.createElement('label');\n  sortingDropdownLabel.innerText = 'Sort Tasks: ';\n  sortingDropdownLabel.setAttribute('for', 'sortingDropdown');\n\n  sortingDiv.prepend(sortingDropdownLabel, sortingDropdown);\n\n  const initialOption = document.createElement('option');\n  initialOption.setAttribute('value', '');\n  initialOption.setAttribute('disabled', '');\n  initialOption.setAttribute('selected', '');\n  initialOption.innerText = '--sort by--';\n\n  const priorityOption = document.createElement('option');\n  priorityOption.setAttribute('value', 'priority');\n  priorityOption.innerText = 'priority';\n\n  const alphaOption = document.createElement('option');\n  alphaOption.setAttribute('value', 'A-Z');\n  alphaOption.innerText = 'A-Z';\n\n  const reverseAlphaOption = document.createElement('option');\n  reverseAlphaOption.setAttribute('value', 'Z-A');\n  reverseAlphaOption.innerText = 'Z-A';\n\n  const projectOption = document.createElement('option');\n  projectOption.setAttribute('value', 'project');\n  projectOption.innerText = 'project';\n\n  const dueOption = document.createElement('option');\n  dueOption.setAttribute('value', 'due-date');\n  dueOption.innerText = 'due date';\n\n  sortingDropdown.append(\n    initialOption,\n    priorityOption,\n    alphaOption,\n    reverseAlphaOption,\n    projectOption,\n    dueOption\n  );\n}\n\n//? **`` Creates a new <option> element and sets it as the new project value\nfunction updateOptions(newProjectField) {\n  const getDropdownMenu = document.querySelector('#dropdownProjectMenu');\n  const makeOption = document.createElement('option');\n\n  makeOption.setAttribute('value', newProjectField.value);\n  makeOption.innerText = newProjectField.value;\n  getDropdownMenu.appendChild(makeOption);\n}\n\n//? **`` Shows the date\nfunction displayTodaysDate() {\n  const today = getTodaysDate();\n  const dateDiv = document.createElement('div');\n  dateDiv.innerText = today + ' • today';\n  header.prepend(dateDiv);\n}\n\n//? **`` Creates the 'Add ToDo' icon button\nfunction createToDoItemButton() {\n  const newToDoButton = document.createElement('div');\n  newToDoButton.classList.add('new-todo-button');\n  header.prepend(newToDoButton);\n\n  //? **`` This icon is linked from Google in the HTML head\n  const newTaskIcon = document.createElement('span');\n  newTaskIcon.classList.add('material-symbols-outlined');\n  newTaskIcon.innerText = ' add_circle ';\n  newToDoButton.append(newTaskIcon);\n}\n\n//? **`` Creates the form that takes all the todo info\nfunction makeForm() {\n  const formWrapper = document.createElement('div');\n  formWrapper.classList.add('form-wrapper');\n  content.prepend(formWrapper);\n\n  const form = document.createElement('form');\n  form.setAttribute('action', '');\n  form.setAttribute('method', 'get');\n  formWrapper.prepend(form);\n\n  //? **`` Dropdown select\n  const dropdownWrapper = document.createElement('div');\n  dropdownWrapper.classList.add('input-wrapper');\n  form.append(dropdownWrapper);\n\n  const dropdownProjectMenu = document.createElement('select');\n  dropdownProjectMenu.setAttribute('id', 'dropdownProjectMenu');\n  dropdownProjectMenu.setAttribute('name', 'dropdownProjectMenu');\n\n  const dropdownProjectMenuLabel = document.createElement('label');\n  dropdownProjectMenuLabel.innerText = 'Assign To Project';\n  dropdownProjectMenuLabel.setAttribute('for', 'dropdownProjectMenu');\n  dropdownWrapper.append(dropdownProjectMenuLabel, dropdownProjectMenu);\n\n  const defaultOption = document.createElement('option');\n  defaultOption.setAttribute('value', 'Default Project');\n  defaultOption.innerText = 'Default Project';\n  dropdownProjectMenu.appendChild(defaultOption);\n\n  //? **`` Create new project\n  const newProjectWrapper = document.createElement('div');\n  newProjectWrapper.classList.add('input-wrapper');\n  form.append(newProjectWrapper);\n\n  const newProjectTitle = document.createElement('input');\n  newProjectTitle.setAttribute('type', 'text');\n  newProjectTitle.setAttribute('id', 'newproject');\n  newProjectTitle.setAttribute('name', 'newproject');\n  const newProjectLabel = document.createElement('label');\n  newProjectLabel.innerText = 'Or Create New Project';\n  newProjectLabel.setAttribute('for', 'newproject');\n  newProjectWrapper.append(newProjectLabel, newProjectTitle);\n\n  const projectButton = document.createElement('button');\n  projectButton.innerText = 'Create New Project';\n  projectButton.classList.add('project-button');\n  form.append(projectButton);\n\n  //? **`` New todo title\n  const todoTaskWrapper = document.createElement('div');\n  todoTaskWrapper.classList.add('input-wrapper');\n  form.append(todoTaskWrapper);\n\n  const todoTask = document.createElement('input');\n  todoTask.setAttribute('type', 'text');\n  todoTask.setAttribute('id', 'task');\n  todoTask.setAttribute('name', 'task');\n  const taskLabel = document.createElement('label');\n  taskLabel.innerText = 'ToDo Task';\n  taskLabel.setAttribute('for', 'task');\n  todoTaskWrapper.append(taskLabel, todoTask);\n\n  //? **`` Due date\n  const todoDateWrapper = document.createElement('div');\n  todoDateWrapper.classList.add('input-wrapper');\n  form.append(todoDateWrapper);\n\n  const todoDate = document.createElement('input');\n  todoDate.setAttribute('type', 'date');\n  todoDate.setAttribute('id', 'date');\n  todoDate.setAttribute('name', 'date');\n  const dateLabel = document.createElement('label');\n  dateLabel.innerText = 'Due Date';\n  dateLabel.setAttribute('for', 'date');\n  todoDateWrapper.append(dateLabel, todoDate);\n\n  //? **`` Priority\n  const priorityWrapper = document.createElement('div');\n  priorityWrapper.classList.add('priority-wrapper');\n  form.append(priorityWrapper);\n\n  const p1Wrapper = document.createElement('div');\n  p1Wrapper.classList.add('p-wrapper');\n  priorityWrapper.append(p1Wrapper);\n\n  const radioPriority1 = document.createElement('input');\n  radioPriority1.setAttribute('type', 'radio');\n  radioPriority1.setAttribute('id', 'P1');\n  radioPriority1.setAttribute('name', 'priority');\n  radioPriority1.setAttribute('value', 'P1');\n  const labelPriority1 = document.createElement('label');\n  labelPriority1.innerText = 'P1';\n  labelPriority1.setAttribute('for', 'P1');\n  p1Wrapper.append(labelPriority1, radioPriority1);\n\n  const p2Wrapper = document.createElement('div');\n  p2Wrapper.classList.add('p-wrapper');\n  priorityWrapper.append(p2Wrapper);\n\n  const radioPriority2 = document.createElement('input');\n  radioPriority2.setAttribute('type', 'radio');\n  radioPriority2.setAttribute('id', 'P2');\n  radioPriority2.setAttribute('name', 'priority');\n  radioPriority2.setAttribute('value', 'P2');\n  const labelPriority2 = document.createElement('label');\n  labelPriority2.innerText = 'P2';\n  labelPriority2.setAttribute('for', 'P2');\n  p2Wrapper.append(labelPriority2, radioPriority2);\n\n  const p3Wrapper = document.createElement('div');\n  p3Wrapper.classList.add('p-wrapper');\n  priorityWrapper.append(p3Wrapper);\n\n  const radioPriority3 = document.createElement('input');\n  radioPriority3.setAttribute('type', 'radio');\n  radioPriority3.setAttribute('id', 'P3');\n  radioPriority3.setAttribute('name', 'priority');\n  radioPriority3.setAttribute('value', 'P3');\n  const labelPriority3 = document.createElement('label');\n  labelPriority3.innerText = 'P3';\n  labelPriority3.setAttribute('for', 'P3');\n  p3Wrapper.append(labelPriority3, radioPriority3);\n\n  const p4Wrapper = document.createElement('div');\n  p4Wrapper.classList.add('p-wrapper');\n  priorityWrapper.append(p4Wrapper);\n\n  const radioPriority4 = document.createElement('input');\n  radioPriority4.setAttribute('type', 'radio');\n  radioPriority4.setAttribute('id', 'P4');\n  radioPriority4.setAttribute('name', 'priority');\n  radioPriority4.setAttribute('value', 'P4');\n  radioPriority4.setAttribute('checked', '');\n  const labelPriority4 = document.createElement('label');\n  labelPriority4.innerText = 'P4';\n  labelPriority4.setAttribute('for', 'P4');\n  p4Wrapper.append(labelPriority4, radioPriority4);\n\n  //? **`` Additional notes\n  const notesWrapper = document.createElement('div');\n  notesWrapper.classList.add('input-wrapper');\n  form.append(notesWrapper);\n\n  const notes = document.createElement('textarea');\n  notes.setAttribute('id', 'notes');\n  notes.setAttribute('name', 'notes');\n  const notesLabel = document.createElement('label');\n  notesLabel.innerText = 'Notes';\n  notesLabel.setAttribute('for', 'notes');\n  notesWrapper.append(notesLabel, notes);\n\n  //? **`` Create new todo button\n  const todoButton = document.createElement('button');\n  todoButton.innerText = 'Add ToDo';\n  todoButton.classList.add('todo-button');\n\n  //? **`` Go back button\n  const button = document.createElement('button');\n  button.innerText = 'Go Back';\n  button.classList.add('back');\n\n  form.append(todoButton, button);\n\n  populateDropdownMenu();\n  backButtonLogic();\n}\n\n//? **`` Loops through the array and for each object it creates a div, puts the task name on it, adds a class, sets the object's ID number to the element ID, and displays it\nfunction displayTask(array) {\n  array.map((obj) => {\n    const div = document.createElement('div');\n    div.innerText = `${obj.task}`;\n    div.classList.add('task');\n    div.setAttribute('id', obj.idNumber);\n    content.appendChild(div);\n  });\n}\n\n//? **`` Displays the object key/value pair except for the ID Number\nfunction displayToDoInfo(key, value) {\n  //? **`` This makes sure it doesn't display the 'IDNumber' value from the object\n  if (key !== 'idNumber') {\n    const paragraph = document.createElement('p');\n    paragraph.innerText = `${key}: ${value}`;\n    content.appendChild(paragraph);\n  }\n}\n\n//? **`` Creates a 'go back' button\nfunction displayBackButton() {\n  const button = document.createElement('button');\n  button.innerText = 'Go Back';\n  button.classList.add('back');\n  content.appendChild(button);\n}\n\n//? **`` Creates a 'delete' button\nfunction displayDeleteButton() {\n  const button = document.createElement('button');\n  button.innerText = 'Delete';\n  button.classList.add('delete');\n  content.appendChild(button);\n}\n\n//? **`` Creates a warning screen when trying to delete a task\nfunction displayWarning() {\n  const div = document.createElement('div');\n  div.classList.add('warning');\n  content.appendChild(div);\n\n  const paragraph = document.createElement('p');\n  paragraph.innerText = 'Are you sure?';\n  div.appendChild(paragraph);\n\n  const backButton = document.createElement('button');\n  backButton.innerText = 'Go Back';\n  backButton.classList.add('warning-back');\n  div.appendChild(backButton);\n\n  const deleteButton = document.createElement('button');\n  deleteButton.innerText = 'Delete';\n  deleteButton.classList.add('warning-delete');\n  div.appendChild(deleteButton);\n}\n\n//? **`` Removes all the elements within the main \"content\" class element\nfunction removeChildrenOfContent() {\n  while (content.firstChild) {\n    content.removeChild(content.firstChild);\n  }\n}\n\nfunction removeHeader() {\n  while (header.firstChild) {\n    header.removeChild(header.firstChild);\n  }\n}\n","import {\n  addObjectToArray,\n  addOptions,\n  createObject,\n  todoArray,\n  createID,\n  goToMainScreen,\n  goToTaskScreen,\n  findPriorities,\n  priorityOrder,\n  alphaOrder,\n  reverseAlphaOrder,\n  projectOrder,\n  dueDateOrder,\n} from '../index';\n\nimport {\n  makeForm,\n  removeChildrenOfContent,\n  displayWarning,\n  displayTask,\n  clearTasks,\n  removeHeader,\n  createHeader,\n} from './dom-manipulation';\n\nexport {\n  createToDoItemButtonLogic,\n  addToDoButtonLogic,\n  taskDisplayLogic,\n  backButtonLogic,\n  deleteButtonLogic,\n  sortingAndDisplayOfTasksLogic,\n};\n\n//? **`` Displays the tasks by the chosen order\nfunction sortingAndDisplayOfTasksLogic() {\n  //? **`` The initial task display\n  displayTask(todoArray);\n  //? **`` Listens for changes in the sorting dropdown menu\n  document.querySelector('#sortingDropdown').addEventListener('change', (e) => {\n    const sortValue = document.querySelector('#sortingDropdown').value;\n    //? **`` Removes the displayed tasks\n    clearTasks();\n    //? **`` Reorders the tasks based on the user selection and displays them again in the new order\n    switch (sortValue) {\n      case 'priority':\n        displayTask(priorityOrder());\n        break;\n\n      case 'A-Z':\n        displayTask(alphaOrder());\n        break;\n\n      case 'Z-A':\n        displayTask(reverseAlphaOrder());\n        break;\n\n      case 'project':\n        displayTask(projectOrder());\n        break;\n\n      case 'due-date':\n        displayTask(dueDateOrder());\n        break;\n    }\n    //? **`` Adds the logic back to the new task order to display each task's info\n    taskDisplayLogic();\n  });\n}\n\n//? **`` This is the 'delete task' warning screen's 'Delete' button logic. It removes the object from the array and returns you to the main screen\nfunction warningDeleteButtonLogic(ID) {\n  document.querySelector('.warning-delete').addEventListener('click', (e) => {\n    // //? **`` Loops through the array and grabs each object and it's index position\n    todoArray.map((object, index) => {\n      //? **`` If the task ID number to be deleted matches an ID in an object, that object is removed from the array and you're returned to the main screen\n      if (ID == object.idNumber) {\n        todoArray.splice(index, 1);\n        goToMainScreen();\n      }\n    });\n  });\n}\n\n//? **`` This is the 'delete task' warning screen's 'Go Back' button logic. It takes you back to the task screen.\nfunction warningBackButtonLogic(ID) {\n  document.querySelector('.warning-back').addEventListener('click', (e) => {\n    goToTaskScreen(ID);\n  });\n}\n\n//? **`` Clicking the delete button clears the screen and brings up a warning\nfunction deleteButtonLogic(ID) {\n  document.querySelector('.delete').addEventListener('click', (e) => {\n    removeChildrenOfContent();\n    displayWarning();\n    warningBackButtonLogic(ID);\n    warningDeleteButtonLogic(ID);\n  });\n}\n\n//? **`` Clicking the back button takes you back to the starting screen\nfunction backButtonLogic() {\n  document.querySelector('.back').addEventListener('click', (e) => {\n    e.preventDefault();\n    goToMainScreen();\n  });\n}\n\n//? **`` The logic that allows you to display the info from the task you clicked on\nfunction taskDisplayLogic() {\n  //? **`` Turns your query node list into an array, loops thru each 'task' class, adds a listener to each 'task' class\n  [...document.querySelectorAll('.task')].map((task) => {\n    task.addEventListener('click', (e) => {\n      //? **`` Gets the ID from the html element and uses it as the argument\n      goToTaskScreen(e.target.id);\n    });\n  });\n}\n\n//? **`` This removes the main button, creates the form, then applies the logic to the two buttons within the form.\nfunction createToDoItemButtonLogic() {\n  document.querySelector('.new-todo-button').addEventListener('click', (e) => {\n    e.preventDefault();\n    removeHeader();\n    removeChildrenOfContent();\n    makeForm();\n    addToDoButtonLogic();\n    addNewProjectButtonLogic();\n  });\n}\n\n//? **`` This gets all the values from the form, puts the values into their own object, puts the object into the main array, displays all the values, removes the form, displays the main 'ToDo button', and applies the logic to the button.\nfunction addToDoButtonLogic() {\n  document.querySelector('.todo-button').addEventListener('click', (e) => {\n    e.preventDefault();\n    //? **`` Assigns all the form values to their own variables\n    const project = document.querySelector('#dropdownProjectMenu').value;\n    const task = document.querySelector('#task').value;\n    const date = document.querySelector('#date').value;\n    const notes = document.querySelector('#notes').value;\n    const priority = findPriorities();\n    const idNumber = createID();\n\n    //? **`` If the task field is empty, nothing happens.\n    if (task == '') return;\n\n    //? **`` Takes all the form values, turns them into a new object, and turns the object into it's own variable\n    const newObject = createObject(\n      project,\n      task,\n      date,\n      priority,\n      notes,\n      idNumber\n    );\n\n    addObjectToArray(newObject);\n    goToMainScreen();\n  });\n}\n\n//? **`` This gets the value for a new project, then populates the select field with the new project.\nfunction addNewProjectButtonLogic() {\n  document.querySelector('.project-button').addEventListener('click', (e) => {\n    e.preventDefault();\n    let newProjectField = document.querySelector('#newproject');\n\n    //? **`` Returns if nothing is added to the new project field\n    if (newProjectField.value === '') {\n      return;\n    }\n\n    addOptions(newProjectField);\n\n    //? **`` resets 'create new project' input field\n    newProjectField.value = '';\n  });\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./src/index.js\");\n",""],"names":[],"sourceRoot":""}
 =======
 {"version":3,"file":"main.js","mappings":"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AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;;ACrEa;;AAEb;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACfyB;AACJ;;AAae;;AAQH;;AAmB/B;;AAEF;AACA;;AAEA,uEAAY;AACZ;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,EAAE,kFAAuB;;AAEzB,EAAE,gFAAqB;AACvB,EAAE,qFAA6B;;AAE/B,EAAE,+EAAoB;AACtB,EAAE,iFAAyB;;AAE3B,EAAE,4EAAiB;;AAEnB,EAAE,wEAAgB;AAClB;;AAEA;AACA,EAAE,kFAAuB;AACzB,EAAE,uEAAY;AACd;AACA;AACA;AACA;AACA,IAAI,0EAAe;AACnB,GAAG;AACH,EAAE,4EAAiB;AACnB,EAAE,uEAAe;AACjB,EAAE,8EAAmB;AACrB,EAAE,yEAAiB;AACnB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,wBAAwB;AACxB;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,wEAAa;AACjB;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,WAAW;AACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC1LuE;AACrB;;AAiBhD;;AAEF;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,EAAE,kDAAc;;AAEhB;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA,gBAAgB,qDAAa;AAC7B;AACA;AACA,EAAE,kDAAc;AAChB;;AAEA;AACA;AACA;AACA;AACA,EAAE,kDAAc;;AAEhB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA,EAAE,4DAAoB;AACtB,EAAE,+DAAe;AACjB;;AAEA;AACA;AACA;AACA;AACA,uBAAuB,SAAS;AAChC;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,6BAA6B,IAAI,IAAI,MAAM;AAC3C;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAAS,qDAAiB;AAC1B,IAAI,sDAAkB,CAAC,qDAAiB;AACxC;AACA;;;;;;;;;;;;;;;;;;;;;;ACjVkB;;AASU;;AAS1B;;AAEF;AACA;AACA,EAAE,6DAAqB;AACvB;AACA,EAAE,8DAAW,CAAC,6CAAS;AACvB;AACA;AACA;AACA;AACA,IAAI,6DAAU;AACd;AACA;AACA;AACA,QAAQ,8DAAW,CAAC,qDAAa;AACjC;;AAEA;AACA,QAAQ,8DAAW,CAAC,kDAAU;AAC9B;;AAEA;AACA,QAAQ,8DAAW,CAAC,yDAAiB;AACrC;;AAEA;AACA,QAAQ,8DAAW,CAAC,oDAAY;AAChC;;AAEA;AACA,QAAQ,8DAAW,CAAC,oDAAY;AAChC;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA,IAAI,iDAAa;AACjB;AACA;AACA;AACA,QAAQ,oDAAgB;AACxB,QAAQ,sDAAc;AACtB;AACA,KAAK;AACL,GAAG;AACH;;AAEA;AACA;AACA;AACA,IAAI,sDAAc;AAClB,GAAG;AACH;;AAEA;AACA;AACA;AACA,IAAI,0EAAuB;AAC3B,IAAI,iEAAc;AAClB;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA,IAAI,sDAAc;AAClB,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,sDAAc;AACpB,KAAK;AACL,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA,IAAI,+DAAY;AAChB,IAAI,0EAAuB;AAC3B,IAAI,2DAAQ;AACZ;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,sDAAc;AACnC,qBAAqB,gDAAQ;;AAE7B;AACA;;AAEA;AACA,sBAAsB,oDAAY;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA,IAAI,6DAAqB;;AAEzB,IAAI,sDAAc;AAClB,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA,IAAI,kDAAU;;AAEd;AACA;AACA,GAAG;AACH;;;;;;;UCxLA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;;;;;UEAA;UACA;UACA;UACA","sources":["webpack://to-do-list/./src/normalize.css","webpack://to-do-list/./src/style.css","webpack://to-do-list/./node_modules/css-loader/dist/runtime/api.js","webpack://to-do-list/./node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://to-do-list/./src/normalize.css?6856","webpack://to-do-list/./src/style.css?7163","webpack://to-do-list/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://to-do-list/./src/index.js","webpack://to-do-list/./src/modules/dom-manipulation.js","webpack://to-do-list/./src/modules/event-handler.js","webpack://to-do-list/webpack/bootstrap","webpack://to-do-list/webpack/runtime/compat get default export","webpack://to-do-list/webpack/runtime/define property getters","webpack://to-do-list/webpack/runtime/hasOwnProperty shorthand","webpack://to-do-list/webpack/runtime/make namespace object","webpack://to-do-list/webpack/runtime/nonce","webpack://to-do-list/webpack/before-startup","webpack://to-do-list/webpack/startup","webpack://to-do-list/webpack/after-startup"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\\n\\n/* Document\\n   ========================================================================== */\\n\\n/**\\n * 1. Correct the line height in all browsers.\\n * 2. Prevent adjustments of font size after orientation changes in iOS.\\n */\\n\\nhtml {\\n  line-height: 1.15; /* 1 */\\n  -webkit-text-size-adjust: 100%; /* 2 */\\n}\\n\\n/* Sections\\n   ========================================================================== */\\n\\n/**\\n * Remove the margin in all browsers.\\n */\\n\\nbody {\\n  margin: 0;\\n}\\n\\n/**\\n * Render the `main` element consistently in IE.\\n */\\n\\nmain {\\n  display: block;\\n}\\n\\n/**\\n * Correct the font size and margin on `h1` elements within `section` and\\n * `article` contexts in Chrome, Firefox, and Safari.\\n */\\n\\nh1 {\\n  font-size: 2em;\\n  margin: 0.67em 0;\\n}\\n\\n/* Grouping content\\n   ========================================================================== */\\n\\n/**\\n * 1. Add the correct box sizing in Firefox.\\n * 2. Show the overflow in Edge and IE.\\n */\\n\\nhr {\\n  box-sizing: content-box; /* 1 */\\n  height: 0; /* 1 */\\n  overflow: visible; /* 2 */\\n}\\n\\n/**\\n * 1. Correct the inheritance and scaling of font size in all browsers.\\n * 2. Correct the odd `em` font sizing in all browsers.\\n */\\n\\npre {\\n  font-family: monospace, monospace; /* 1 */\\n  font-size: 1em; /* 2 */\\n}\\n\\n/* Text-level semantics\\n   ========================================================================== */\\n\\n/**\\n * Remove the gray background on active links in IE 10.\\n */\\n\\na {\\n  background-color: transparent;\\n}\\n\\n/**\\n * 1. Remove the bottom border in Chrome 57-\\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\\n */\\n\\nabbr[title] {\\n  border-bottom: none; /* 1 */\\n  text-decoration: underline; /* 2 */\\n  text-decoration: underline dotted; /* 2 */\\n}\\n\\n/**\\n * Add the correct font weight in Chrome, Edge, and Safari.\\n */\\n\\nb,\\nstrong {\\n  font-weight: bolder;\\n}\\n\\n/**\\n * 1. Correct the inheritance and scaling of font size in all browsers.\\n * 2. Correct the odd `em` font sizing in all browsers.\\n */\\n\\ncode,\\nkbd,\\nsamp {\\n  font-family: monospace, monospace; /* 1 */\\n  font-size: 1em; /* 2 */\\n}\\n\\n/**\\n * Add the correct font size in all browsers.\\n */\\n\\nsmall {\\n  font-size: 80%;\\n}\\n\\n/**\\n * Prevent `sub` and `sup` elements from affecting the line height in\\n * all browsers.\\n */\\n\\nsub,\\nsup {\\n  font-size: 75%;\\n  line-height: 0;\\n  position: relative;\\n  vertical-align: baseline;\\n}\\n\\nsub {\\n  bottom: -0.25em;\\n}\\n\\nsup {\\n  top: -0.5em;\\n}\\n\\n/* Embedded content\\n   ========================================================================== */\\n\\n/**\\n * Remove the border on images inside links in IE 10.\\n */\\n\\nimg {\\n  border-style: none;\\n}\\n\\n/* Forms\\n   ========================================================================== */\\n\\n/**\\n * 1. Change the font styles in all browsers.\\n * 2. Remove the margin in Firefox and Safari.\\n */\\n\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n  font-family: inherit; /* 1 */\\n  font-size: 100%; /* 1 */\\n  line-height: 1.15; /* 1 */\\n  margin: 0; /* 2 */\\n}\\n\\n/**\\n * Show the overflow in IE.\\n * 1. Show the overflow in Edge.\\n */\\n\\nbutton,\\ninput {\\n  /* 1 */\\n  overflow: visible;\\n}\\n\\n/**\\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\\n * 1. Remove the inheritance of text transform in Firefox.\\n */\\n\\nbutton,\\nselect {\\n  /* 1 */\\n  text-transform: none;\\n}\\n\\n/**\\n * Correct the inability to style clickable types in iOS and Safari.\\n */\\n\\nbutton,\\n[type='button'],\\n[type='reset'],\\n[type='submit'] {\\n  -webkit-appearance: button;\\n}\\n\\n/**\\n * Remove the inner border and padding in Firefox.\\n */\\n\\nbutton::-moz-focus-inner,\\n[type='button']::-moz-focus-inner,\\n[type='reset']::-moz-focus-inner,\\n[type='submit']::-moz-focus-inner {\\n  border-style: none;\\n  padding: 0;\\n}\\n\\n/**\\n * Restore the focus styles unset by the previous rule.\\n */\\n\\nbutton:-moz-focusring,\\n[type='button']:-moz-focusring,\\n[type='reset']:-moz-focusring,\\n[type='submit']:-moz-focusring {\\n  outline: 1px dotted ButtonText;\\n}\\n\\n/**\\n * Correct the padding in Firefox.\\n */\\n\\nfieldset {\\n  padding: 0.35em 0.75em 0.625em;\\n}\\n\\n/**\\n * 1. Correct the text wrapping in Edge and IE.\\n * 2. Correct the color inheritance from `fieldset` elements in IE.\\n * 3. Remove the padding so developers are not caught out when they zero out\\n *    `fieldset` elements in all browsers.\\n */\\n\\nlegend {\\n  box-sizing: border-box; /* 1 */\\n  color: inherit; /* 2 */\\n  display: table; /* 1 */\\n  max-width: 100%; /* 1 */\\n  padding: 0; /* 3 */\\n  white-space: normal; /* 1 */\\n}\\n\\n/**\\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\\n */\\n\\nprogress {\\n  vertical-align: baseline;\\n}\\n\\n/**\\n * Remove the default vertical scrollbar in IE 10+.\\n */\\n\\ntextarea {\\n  overflow: auto;\\n}\\n\\n/**\\n * 1. Add the correct box sizing in IE 10.\\n * 2. Remove the padding in IE 10.\\n */\\n\\n[type='checkbox'],\\n[type='radio'] {\\n  box-sizing: border-box; /* 1 */\\n  padding: 0; /* 2 */\\n}\\n\\n/**\\n * Correct the cursor style of increment and decrement buttons in Chrome.\\n */\\n\\n[type='number']::-webkit-inner-spin-button,\\n[type='number']::-webkit-outer-spin-button {\\n  height: auto;\\n}\\n\\n/**\\n * 1. Correct the odd appearance in Chrome and Safari.\\n * 2. Correct the outline style in Safari.\\n */\\n\\n[type='search'] {\\n  -webkit-appearance: textfield; /* 1 */\\n  outline-offset: -2px; /* 2 */\\n}\\n\\n/**\\n * Remove the inner padding in Chrome and Safari on macOS.\\n */\\n\\n[type='search']::-webkit-search-decoration {\\n  -webkit-appearance: none;\\n}\\n\\n/**\\n * 1. Correct the inability to style clickable types in iOS and Safari.\\n * 2. Change font properties to `inherit` in Safari.\\n */\\n\\n::-webkit-file-upload-button {\\n  -webkit-appearance: button; /* 1 */\\n  font: inherit; /* 2 */\\n}\\n\\n/* Interactive\\n   ========================================================================== */\\n\\n/*\\n * Add the correct display in Edge, IE 10+, and Firefox.\\n */\\n\\ndetails {\\n  display: block;\\n}\\n\\n/*\\n * Add the correct display in all browsers.\\n */\\n\\nsummary {\\n  display: list-item;\\n}\\n\\n/* Misc\\n   ========================================================================== */\\n\\n/**\\n * Add the correct display in IE 10+.\\n */\\n\\ntemplate {\\n  display: none;\\n}\\n\\n/**\\n * Add the correct display in IE 10.\\n */\\n\\n[hidden] {\\n  display: none;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/normalize.css\"],\"names\":[],\"mappings\":\"AAAA,2EAA2E;;AAE3E;+EAC+E;;AAE/E;;;EAGE;;AAEF;EACE,iBAAiB,EAAE,MAAM;EACzB,8BAA8B,EAAE,MAAM;AACxC;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,SAAS;AACX;;AAEA;;EAEE;;AAEF;EACE,cAAc;AAChB;;AAEA;;;EAGE;;AAEF;EACE,cAAc;EACd,gBAAgB;AAClB;;AAEA;+EAC+E;;AAE/E;;;EAGE;;AAEF;EACE,uBAAuB,EAAE,MAAM;EAC/B,SAAS,EAAE,MAAM;EACjB,iBAAiB,EAAE,MAAM;AAC3B;;AAEA;;;EAGE;;AAEF;EACE,iCAAiC,EAAE,MAAM;EACzC,cAAc,EAAE,MAAM;AACxB;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,6BAA6B;AAC/B;;AAEA;;;EAGE;;AAEF;EACE,mBAAmB,EAAE,MAAM;EAC3B,0BAA0B,EAAE,MAAM;EAClC,iCAAiC,EAAE,MAAM;AAC3C;;AAEA;;EAEE;;AAEF;;EAEE,mBAAmB;AACrB;;AAEA;;;EAGE;;AAEF;;;EAGE,iCAAiC,EAAE,MAAM;EACzC,cAAc,EAAE,MAAM;AACxB;;AAEA;;EAEE;;AAEF;EACE,cAAc;AAChB;;AAEA;;;EAGE;;AAEF;;EAEE,cAAc;EACd,cAAc;EACd,kBAAkB;EAClB,wBAAwB;AAC1B;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,WAAW;AACb;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,kBAAkB;AACpB;;AAEA;+EAC+E;;AAE/E;;;EAGE;;AAEF;;;;;EAKE,oBAAoB,EAAE,MAAM;EAC5B,eAAe,EAAE,MAAM;EACvB,iBAAiB,EAAE,MAAM;EACzB,SAAS,EAAE,MAAM;AACnB;;AAEA;;;EAGE;;AAEF;;EAEE,MAAM;EACN,iBAAiB;AACnB;;AAEA;;;EAGE;;AAEF;;EAEE,MAAM;EACN,oBAAoB;AACtB;;AAEA;;EAEE;;AAEF;;;;EAIE,0BAA0B;AAC5B;;AAEA;;EAEE;;AAEF;;;;EAIE,kBAAkB;EAClB,UAAU;AACZ;;AAEA;;EAEE;;AAEF;;;;EAIE,8BAA8B;AAChC;;AAEA;;EAEE;;AAEF;EACE,8BAA8B;AAChC;;AAEA;;;;;EAKE;;AAEF;EACE,sBAAsB,EAAE,MAAM;EAC9B,cAAc,EAAE,MAAM;EACtB,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,MAAM;EACvB,UAAU,EAAE,MAAM;EAClB,mBAAmB,EAAE,MAAM;AAC7B;;AAEA;;EAEE;;AAEF;EACE,wBAAwB;AAC1B;;AAEA;;EAEE;;AAEF;EACE,cAAc;AAChB;;AAEA;;;EAGE;;AAEF;;EAEE,sBAAsB,EAAE,MAAM;EAC9B,UAAU,EAAE,MAAM;AACpB;;AAEA;;EAEE;;AAEF;;EAEE,YAAY;AACd;;AAEA;;;EAGE;;AAEF;EACE,6BAA6B,EAAE,MAAM;EACrC,oBAAoB,EAAE,MAAM;AAC9B;;AAEA;;EAEE;;AAEF;EACE,wBAAwB;AAC1B;;AAEA;;;EAGE;;AAEF;EACE,0BAA0B,EAAE,MAAM;EAClC,aAAa,EAAE,MAAM;AACvB;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,cAAc;AAChB;;AAEA;;EAEE;;AAEF;EACE,kBAAkB;AACpB;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,aAAa;AACf;;AAEA;;EAEE;;AAEF;EACE,aAAa;AACf\",\"sourcesContent\":[\"/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\\n\\n/* Document\\n   ========================================================================== */\\n\\n/**\\n * 1. Correct the line height in all browsers.\\n * 2. Prevent adjustments of font size after orientation changes in iOS.\\n */\\n\\nhtml {\\n  line-height: 1.15; /* 1 */\\n  -webkit-text-size-adjust: 100%; /* 2 */\\n}\\n\\n/* Sections\\n   ========================================================================== */\\n\\n/**\\n * Remove the margin in all browsers.\\n */\\n\\nbody {\\n  margin: 0;\\n}\\n\\n/**\\n * Render the `main` element consistently in IE.\\n */\\n\\nmain {\\n  display: block;\\n}\\n\\n/**\\n * Correct the font size and margin on `h1` elements within `section` and\\n * `article` contexts in Chrome, Firefox, and Safari.\\n */\\n\\nh1 {\\n  font-size: 2em;\\n  margin: 0.67em 0;\\n}\\n\\n/* Grouping content\\n   ========================================================================== */\\n\\n/**\\n * 1. Add the correct box sizing in Firefox.\\n * 2. Show the overflow in Edge and IE.\\n */\\n\\nhr {\\n  box-sizing: content-box; /* 1 */\\n  height: 0; /* 1 */\\n  overflow: visible; /* 2 */\\n}\\n\\n/**\\n * 1. Correct the inheritance and scaling of font size in all browsers.\\n * 2. Correct the odd `em` font sizing in all browsers.\\n */\\n\\npre {\\n  font-family: monospace, monospace; /* 1 */\\n  font-size: 1em; /* 2 */\\n}\\n\\n/* Text-level semantics\\n   ========================================================================== */\\n\\n/**\\n * Remove the gray background on active links in IE 10.\\n */\\n\\na {\\n  background-color: transparent;\\n}\\n\\n/**\\n * 1. Remove the bottom border in Chrome 57-\\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\\n */\\n\\nabbr[title] {\\n  border-bottom: none; /* 1 */\\n  text-decoration: underline; /* 2 */\\n  text-decoration: underline dotted; /* 2 */\\n}\\n\\n/**\\n * Add the correct font weight in Chrome, Edge, and Safari.\\n */\\n\\nb,\\nstrong {\\n  font-weight: bolder;\\n}\\n\\n/**\\n * 1. Correct the inheritance and scaling of font size in all browsers.\\n * 2. Correct the odd `em` font sizing in all browsers.\\n */\\n\\ncode,\\nkbd,\\nsamp {\\n  font-family: monospace, monospace; /* 1 */\\n  font-size: 1em; /* 2 */\\n}\\n\\n/**\\n * Add the correct font size in all browsers.\\n */\\n\\nsmall {\\n  font-size: 80%;\\n}\\n\\n/**\\n * Prevent `sub` and `sup` elements from affecting the line height in\\n * all browsers.\\n */\\n\\nsub,\\nsup {\\n  font-size: 75%;\\n  line-height: 0;\\n  position: relative;\\n  vertical-align: baseline;\\n}\\n\\nsub {\\n  bottom: -0.25em;\\n}\\n\\nsup {\\n  top: -0.5em;\\n}\\n\\n/* Embedded content\\n   ========================================================================== */\\n\\n/**\\n * Remove the border on images inside links in IE 10.\\n */\\n\\nimg {\\n  border-style: none;\\n}\\n\\n/* Forms\\n   ========================================================================== */\\n\\n/**\\n * 1. Change the font styles in all browsers.\\n * 2. Remove the margin in Firefox and Safari.\\n */\\n\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n  font-family: inherit; /* 1 */\\n  font-size: 100%; /* 1 */\\n  line-height: 1.15; /* 1 */\\n  margin: 0; /* 2 */\\n}\\n\\n/**\\n * Show the overflow in IE.\\n * 1. Show the overflow in Edge.\\n */\\n\\nbutton,\\ninput {\\n  /* 1 */\\n  overflow: visible;\\n}\\n\\n/**\\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\\n * 1. Remove the inheritance of text transform in Firefox.\\n */\\n\\nbutton,\\nselect {\\n  /* 1 */\\n  text-transform: none;\\n}\\n\\n/**\\n * Correct the inability to style clickable types in iOS and Safari.\\n */\\n\\nbutton,\\n[type='button'],\\n[type='reset'],\\n[type='submit'] {\\n  -webkit-appearance: button;\\n}\\n\\n/**\\n * Remove the inner border and padding in Firefox.\\n */\\n\\nbutton::-moz-focus-inner,\\n[type='button']::-moz-focus-inner,\\n[type='reset']::-moz-focus-inner,\\n[type='submit']::-moz-focus-inner {\\n  border-style: none;\\n  padding: 0;\\n}\\n\\n/**\\n * Restore the focus styles unset by the previous rule.\\n */\\n\\nbutton:-moz-focusring,\\n[type='button']:-moz-focusring,\\n[type='reset']:-moz-focusring,\\n[type='submit']:-moz-focusring {\\n  outline: 1px dotted ButtonText;\\n}\\n\\n/**\\n * Correct the padding in Firefox.\\n */\\n\\nfieldset {\\n  padding: 0.35em 0.75em 0.625em;\\n}\\n\\n/**\\n * 1. Correct the text wrapping in Edge and IE.\\n * 2. Correct the color inheritance from `fieldset` elements in IE.\\n * 3. Remove the padding so developers are not caught out when they zero out\\n *    `fieldset` elements in all browsers.\\n */\\n\\nlegend {\\n  box-sizing: border-box; /* 1 */\\n  color: inherit; /* 2 */\\n  display: table; /* 1 */\\n  max-width: 100%; /* 1 */\\n  padding: 0; /* 3 */\\n  white-space: normal; /* 1 */\\n}\\n\\n/**\\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\\n */\\n\\nprogress {\\n  vertical-align: baseline;\\n}\\n\\n/**\\n * Remove the default vertical scrollbar in IE 10+.\\n */\\n\\ntextarea {\\n  overflow: auto;\\n}\\n\\n/**\\n * 1. Add the correct box sizing in IE 10.\\n * 2. Remove the padding in IE 10.\\n */\\n\\n[type='checkbox'],\\n[type='radio'] {\\n  box-sizing: border-box; /* 1 */\\n  padding: 0; /* 2 */\\n}\\n\\n/**\\n * Correct the cursor style of increment and decrement buttons in Chrome.\\n */\\n\\n[type='number']::-webkit-inner-spin-button,\\n[type='number']::-webkit-outer-spin-button {\\n  height: auto;\\n}\\n\\n/**\\n * 1. Correct the odd appearance in Chrome and Safari.\\n * 2. Correct the outline style in Safari.\\n */\\n\\n[type='search'] {\\n  -webkit-appearance: textfield; /* 1 */\\n  outline-offset: -2px; /* 2 */\\n}\\n\\n/**\\n * Remove the inner padding in Chrome and Safari on macOS.\\n */\\n\\n[type='search']::-webkit-search-decoration {\\n  -webkit-appearance: none;\\n}\\n\\n/**\\n * 1. Correct the inability to style clickable types in iOS and Safari.\\n * 2. Change font properties to `inherit` in Safari.\\n */\\n\\n::-webkit-file-upload-button {\\n  -webkit-appearance: button; /* 1 */\\n  font: inherit; /* 2 */\\n}\\n\\n/* Interactive\\n   ========================================================================== */\\n\\n/*\\n * Add the correct display in Edge, IE 10+, and Firefox.\\n */\\n\\ndetails {\\n  display: block;\\n}\\n\\n/*\\n * Add the correct display in all browsers.\\n */\\n\\nsummary {\\n  display: list-item;\\n}\\n\\n/* Misc\\n   ========================================================================== */\\n\\n/**\\n * Add the correct display in IE 10+.\\n */\\n\\ntemplate {\\n  display: none;\\n}\\n\\n/**\\n * Add the correct display in IE 10.\\n */\\n\\n[hidden] {\\n  display: none;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":root {\\n  --light: #ffffff;\\n  --dark: #071e22;\\n  --first-accent: linear-gradient(to right, #1d7874, #124d4a);\\n  --second-accent: #dcc48e;\\n  --mild-urgent: rgb(23, 202, 242);\\n  --urgent: rgb(236, 176, 13);\\n  --very-urgent: rgb(216, 8, 8);\\n}\\n\\n*,\\n*::before,\\n*::after {\\n  box-sizing: border-box;\\n  padding: 0;\\n  margin: 0;\\n}\\n\\nbody {\\n  font-family: sans-serif;\\n  background: var(--dark);\\n  color: var(--light);\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\n/** ``**``**`` Header styling ``**``**`` */\\n\\nheader {\\n  width: 100%;\\n  padding: 40px;\\n  font-size: 1.5rem;\\n  background: var(--first-accent);\\n  display: flex;\\n  justify-content: space-around;\\n}\\n\\n.material-symbols-outlined {\\n  transform: scale(3);\\n  cursor: pointer;\\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\\n}\\n\\n.material-symbols-outlined:hover {\\n  color: var(--second-accent);\\n}\\n\\n#sortingDropdown {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n  text-align: center;\\n}\\n\\n#sortingDropdown:focus {\\n  outline: var(--second-accent) solid 4px;\\n}\\n\\n/** ``**``**`` Content styling ``**``**`` */\\n\\n.content,\\n.warning {\\n  width: 100%;\\n  padding: 0px 10px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: start;\\n  align-items: start;\\n}\\n\\n.content > button,\\n.warning > button {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n  font-size: 1rem;\\n  width: auto;\\n  margin: 10px 30px;\\n  transition: transform ease 100ms;\\n}\\n\\n.content > button:hover,\\n.warning > button:hover {\\n  background: var(--second-accent);\\n  transform: translate(0, 2px);\\n}\\n\\n.task {\\n  color: var(--light);\\n  background: var(--dark);\\n  width: 100%;\\n  font-size: 1.5rem;\\n  cursor: pointer;\\n  padding: 30px;\\n  text-align: left;\\n  border: none;\\n  border-bottom: solid 1px var(--second-accent);\\n}\\n\\n.content > p,\\n.warning > p {\\n  font-size: 1.5rem;\\n  padding: 10px 30px;\\n}\\n\\n/** ``**``**`` Form styling ``**``**`` */\\n\\n.form-wrapper {\\n  height: 100vh;\\n  width: 100vw;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\nform {\\n  color: var(--second-accent);\\n  display: flex;\\n  flex-direction: column;\\n  gap: 15px;\\n  font-size: 1.25rem;\\n  outline: var(--second-accent) solid 1px;\\n  padding: 50px 30px;\\n  border-radius: 10px;\\n}\\n\\nform input,\\nform textarea,\\nform button,\\nform select {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n}\\n\\nform *:focus:not(button, [type='radio']) {\\n  outline: var(--second-accent) solid 4px;\\n}\\n\\n.input-wrapper {\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  gap: 15px;\\n}\\n\\n.priority-wrapper {\\n  display: flex;\\n  gap: 15%;\\n  justify-content: center;\\n}\\n\\n.priority-wrapper * {\\n  display: flex;\\n  gap: 5px;\\n  align-items: center;\\n}\\n\\n[type='radio'] {\\n  appearance: none;\\n  border-radius: 50%;\\n  width: 1.25rem;\\n  height: 1.25rem;\\n  border: 2px solid var(--second-accent);\\n  transition: 0.2s all linear;\\n}\\n\\n#P1:checked {\\n  border: 6px solid var(--very-urgent);\\n}\\n\\n#P2:checked {\\n  border: 6px solid var(--urgent);\\n}\\n\\n#P3:checked {\\n  border: 6px solid var(--mild-urgent);\\n}\\n\\n#P4:checked {\\n  border: 6px solid var(--light);\\n}\\n\\nform button {\\n  font-size: 1rem;\\n  width: auto;\\n  align-self: center;\\n  transition: transform ease 100ms;\\n}\\n\\nform button:hover {\\n  background: var(--second-accent);\\n  transform: translate(0, 2px);\\n}\\n\\n/** ``**``**`` Media queries ``**``**`` */\\n\\n@media (max-width: 700px) {\\n  header {\\n    flex-direction: column;\\n    gap: 20px;\\n    align-items: center;\\n  }\\n\\n  .material-symbols-outlined {\\n    transform: scale(2);\\n  }\\n\\n  .sorting {\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n  }\\n\\n  form input,\\n  form textarea,\\n  form select {\\n    padding: 5px;\\n  }\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/style.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,gBAAgB;EAChB,eAAe;EACf,2DAA2D;EAC3D,wBAAwB;EACxB,gCAAgC;EAChC,2BAA2B;EAC3B,6BAA6B;AAC/B;;AAEA;;;EAGE,sBAAsB;EACtB,UAAU;EACV,SAAS;AACX;;AAEA;EACE,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA,0CAA0C;;AAE1C;EACE,WAAW;EACX,aAAa;EACb,iBAAiB;EACjB,+BAA+B;EAC/B,aAAa;EACb,6BAA6B;AAC/B;;AAEA;EACE,mBAAmB;EACnB,eAAe;EACf,kEAAkE;AACpE;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,uCAAuC;AACzC;;AAEA,2CAA2C;;AAE3C;;EAEE,WAAW;EACX,iBAAiB;EACjB,aAAa;EACb,sBAAsB;EACtB,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;;EAEE,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,WAAW;EACX,iBAAiB;EACjB,gCAAgC;AAClC;;AAEA;;EAEE,gCAAgC;EAChC,4BAA4B;AAC9B;;AAEA;EACE,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,iBAAiB;EACjB,eAAe;EACf,aAAa;EACb,gBAAgB;EAChB,YAAY;EACZ,6CAA6C;AAC/C;;AAEA;;EAEE,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA,wCAAwC;;AAExC;EACE,aAAa;EACb,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,kBAAkB;EAClB,uCAAuC;EACvC,kBAAkB;EAClB,mBAAmB;AACrB;;AAEA;;;;EAIE,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;AACX;;AAEA;EACE,aAAa;EACb,QAAQ;EACR,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,QAAQ;EACR,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;EAClB,cAAc;EACd,eAAe;EACf,sCAAsC;EACtC,2BAA2B;AAC7B;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,eAAe;EACf,WAAW;EACX,kBAAkB;EAClB,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;EAChC,4BAA4B;AAC9B;;AAEA,yCAAyC;;AAEzC;EACE;IACE,sBAAsB;IACtB,SAAS;IACT,mBAAmB;EACrB;;EAEA;IACE,mBAAmB;EACrB;;EAEA;IACE,aAAa;IACb,sBAAsB;IACtB,mBAAmB;EACrB;;EAEA;;;IAGE,YAAY;EACd;AACF\",\"sourcesContent\":[\":root {\\n  --light: #ffffff;\\n  --dark: #071e22;\\n  --first-accent: linear-gradient(to right, #1d7874, #124d4a);\\n  --second-accent: #dcc48e;\\n  --mild-urgent: rgb(23, 202, 242);\\n  --urgent: rgb(236, 176, 13);\\n  --very-urgent: rgb(216, 8, 8);\\n}\\n\\n*,\\n*::before,\\n*::after {\\n  box-sizing: border-box;\\n  padding: 0;\\n  margin: 0;\\n}\\n\\nbody {\\n  font-family: sans-serif;\\n  background: var(--dark);\\n  color: var(--light);\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\n/** ``**``**`` Header styling ``**``**`` */\\n\\nheader {\\n  width: 100%;\\n  padding: 40px;\\n  font-size: 1.5rem;\\n  background: var(--first-accent);\\n  display: flex;\\n  justify-content: space-around;\\n}\\n\\n.material-symbols-outlined {\\n  transform: scale(3);\\n  cursor: pointer;\\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\\n}\\n\\n.material-symbols-outlined:hover {\\n  color: var(--second-accent);\\n}\\n\\n#sortingDropdown {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n  text-align: center;\\n}\\n\\n#sortingDropdown:focus {\\n  outline: var(--second-accent) solid 4px;\\n}\\n\\n/** ``**``**`` Content styling ``**``**`` */\\n\\n.content,\\n.warning {\\n  width: 100%;\\n  padding: 0px 10px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: start;\\n  align-items: start;\\n}\\n\\n.content > button,\\n.warning > button {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n  font-size: 1rem;\\n  width: auto;\\n  margin: 10px 30px;\\n  transition: transform ease 100ms;\\n}\\n\\n.content > button:hover,\\n.warning > button:hover {\\n  background: var(--second-accent);\\n  transform: translate(0, 2px);\\n}\\n\\n.task {\\n  color: var(--light);\\n  background: var(--dark);\\n  width: 100%;\\n  font-size: 1.5rem;\\n  cursor: pointer;\\n  padding: 30px;\\n  text-align: left;\\n  border: none;\\n  border-bottom: solid 1px var(--second-accent);\\n}\\n\\n.content > p,\\n.warning > p {\\n  font-size: 1.5rem;\\n  padding: 10px 30px;\\n}\\n\\n/** ``**``**`` Form styling ``**``**`` */\\n\\n.form-wrapper {\\n  height: 100vh;\\n  width: 100vw;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\nform {\\n  color: var(--second-accent);\\n  display: flex;\\n  flex-direction: column;\\n  gap: 15px;\\n  font-size: 1.25rem;\\n  outline: var(--second-accent) solid 1px;\\n  padding: 50px 30px;\\n  border-radius: 10px;\\n}\\n\\nform input,\\nform textarea,\\nform button,\\nform select {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n}\\n\\nform *:focus:not(button, [type='radio']) {\\n  outline: var(--second-accent) solid 4px;\\n}\\n\\n.input-wrapper {\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  gap: 15px;\\n}\\n\\n.priority-wrapper {\\n  display: flex;\\n  gap: 15%;\\n  justify-content: center;\\n}\\n\\n.priority-wrapper * {\\n  display: flex;\\n  gap: 5px;\\n  align-items: center;\\n}\\n\\n[type='radio'] {\\n  appearance: none;\\n  border-radius: 50%;\\n  width: 1.25rem;\\n  height: 1.25rem;\\n  border: 2px solid var(--second-accent);\\n  transition: 0.2s all linear;\\n}\\n\\n#P1:checked {\\n  border: 6px solid var(--very-urgent);\\n}\\n\\n#P2:checked {\\n  border: 6px solid var(--urgent);\\n}\\n\\n#P3:checked {\\n  border: 6px solid var(--mild-urgent);\\n}\\n\\n#P4:checked {\\n  border: 6px solid var(--light);\\n}\\n\\nform button {\\n  font-size: 1rem;\\n  width: auto;\\n  align-self: center;\\n  transition: transform ease 100ms;\\n}\\n\\nform button:hover {\\n  background: var(--second-accent);\\n  transform: translate(0, 2px);\\n}\\n\\n/** ``**``**`` Media queries ``**``**`` */\\n\\n@media (max-width: 700px) {\\n  header {\\n    flex-direction: column;\\n    gap: 20px;\\n    align-items: center;\\n  }\\n\\n  .material-symbols-outlined {\\n    transform: scale(2);\\n  }\\n\\n  .sorting {\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n  }\\n\\n  form input,\\n  form textarea,\\n  form select {\\n    padding: 5px;\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n  var content = item[1];\n  var cssMapping = item[3];\n  if (!cssMapping) {\n    return content;\n  }\n  if (typeof btoa === \"function\") {\n    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n    var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n    var sourceMapping = \"/*# \".concat(data, \" */\");\n    return [content].concat([sourceMapping]).join(\"\\n\");\n  }\n  return [content].join(\"\\n\");\n};","\n      import API from \"!../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../node_modules/css-loader/dist/cjs.js!./normalize.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../node_modules/css-loader/dist/cjs.js!./normalize.css\";\n       export default content && content.locals ? content.locals : undefined;\n","\n      import API from \"!../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../node_modules/css-loader/dist/cjs.js!./style.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../node_modules/css-loader/dist/cjs.js!./style.css\";\n       export default content && content.locals ? content.locals : undefined;\n","\"use strict\";\n\nvar stylesInDOM = [];\n\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n\n  for (var i = 0; i < stylesInDOM.length; i++) {\n    if (stylesInDOM[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\n}\n\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var indexByIdentifier = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3],\n      supports: item[4],\n      layer: item[5]\n    };\n\n    if (indexByIdentifier !== -1) {\n      stylesInDOM[indexByIdentifier].references++;\n      stylesInDOM[indexByIdentifier].updater(obj);\n    } else {\n      var updater = addElementStyle(obj, options);\n      options.byIndex = i;\n      stylesInDOM.splice(i, 0, {\n        identifier: identifier,\n        updater: updater,\n        references: 1\n      });\n    }\n\n    identifiers.push(identifier);\n  }\n\n  return identifiers;\n}\n\nfunction addElementStyle(obj, options) {\n  var api = options.domAPI(options);\n  api.update(obj);\n\n  var updater = function updater(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n        return;\n      }\n\n      api.update(obj = newObj);\n    } else {\n      api.remove();\n    }\n  };\n\n  return updater;\n}\n\nmodule.exports = function (list, options) {\n  options = options || {};\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDOM[index].references--;\n    }\n\n    var newLastIdentifiers = modulesToDom(newList, options);\n\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n\n      var _index = getIndexByIdentifier(_identifier);\n\n      if (stylesInDOM[_index].references === 0) {\n        stylesInDOM[_index].updater();\n\n        stylesInDOM.splice(_index, 1);\n      }\n    }\n\n    lastIdentifiers = newLastIdentifiers;\n  };\n};","\"use strict\";\n\nvar memo = {};\n/* istanbul ignore next  */\n\nfunction getTarget(target) {\n  if (typeof memo[target] === \"undefined\") {\n    var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n      try {\n        // This will throw an exception if access to iframe is blocked\n        // due to cross-origin restrictions\n        styleTarget = styleTarget.contentDocument.head;\n      } catch (e) {\n        // istanbul ignore next\n        styleTarget = null;\n      }\n    }\n\n    memo[target] = styleTarget;\n  }\n\n  return memo[target];\n}\n/* istanbul ignore next  */\n\n\nfunction insertBySelector(insert, style) {\n  var target = getTarget(insert);\n\n  if (!target) {\n    throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n  }\n\n  target.appendChild(style);\n}\n\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction insertStyleElement(options) {\n  var element = document.createElement(\"style\");\n  options.setAttributes(element, options.attributes);\n  options.insert(element, options.options);\n  return element;\n}\n\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction setAttributesWithoutAttributes(styleElement) {\n  var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n\n  if (nonce) {\n    styleElement.setAttribute(\"nonce\", nonce);\n  }\n}\n\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction apply(styleElement, options, obj) {\n  var css = \"\";\n\n  if (obj.supports) {\n    css += \"@supports (\".concat(obj.supports, \") {\");\n  }\n\n  if (obj.media) {\n    css += \"@media \".concat(obj.media, \" {\");\n  }\n\n  var needLayer = typeof obj.layer !== \"undefined\";\n\n  if (needLayer) {\n    css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n  }\n\n  css += obj.css;\n\n  if (needLayer) {\n    css += \"}\";\n  }\n\n  if (obj.media) {\n    css += \"}\";\n  }\n\n  if (obj.supports) {\n    css += \"}\";\n  }\n\n  var sourceMap = obj.sourceMap;\n\n  if (sourceMap && typeof btoa !== \"undefined\") {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  } // For old IE\n\n  /* istanbul ignore if  */\n\n\n  options.styleTagTransform(css, styleElement, options.options);\n}\n\nfunction removeStyleElement(styleElement) {\n  // istanbul ignore if\n  if (styleElement.parentNode === null) {\n    return false;\n  }\n\n  styleElement.parentNode.removeChild(styleElement);\n}\n/* istanbul ignore next  */\n\n\nfunction domAPI(options) {\n  var styleElement = options.insertStyleElement(options);\n  return {\n    update: function update(obj) {\n      apply(styleElement, options, obj);\n    },\n    remove: function remove() {\n      removeStyleElement(styleElement);\n    }\n  };\n}\n\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElement) {\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css;\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild);\n    }\n\n    styleElement.appendChild(document.createTextNode(css));\n  }\n}\n\nmodule.exports = styleTagTransform;","import './normalize.css';\nimport './style.css';\n\nimport {\n  createToDoItemButton,\n  displayTodaysDate,\n  displayToDoInfo,\n  updateOptions,\n  removeChildrenOfContent,\n  displayBackButton,\n  displayDeleteButton,\n  createSortingDropdown,\n  createHeader,\n  removeHeader,\n} from './modules/dom-manipulation';\n\nimport {\n  createToDoItemButtonLogic,\n  taskDisplayLogic,\n  backButtonLogic,\n  deleteButtonLogic,\n  sortingAndDisplayOfTasksLogic,\n} from './modules/event-handler';\n\nexport {\n  populateDropdownMenu,\n  resetAndPopulateArray,\n  addOptions,\n  createObject,\n  todoArray,\n  getTodaysDate,\n  createID,\n  goToMainScreen,\n  goToTaskScreen,\n  findPriorities,\n  priorityOrder,\n  alphaOrder,\n  reverseAlphaOrder,\n  projectOrder,\n  dueDateOrder,\n  header,\n};\n\n//? **`` Initial functions to be ran\nlet todoArray = [];\n\ncreateHeader();\nconst header = document.querySelector('header');\n\ngoToMainScreen();\n\n//* **`` FUNCTIONS ``**\n\n//? **`` Sorts the array by priority\nfunction priorityOrder() {\n  return todoArray.sort((a, b) => (a.priority > b.priority ? 1 : -1));\n}\n\n//? **`` Sorts the array by alphabetical A-Z\nfunction alphaOrder() {\n  return todoArray.sort((a, b) => (a.task > b.task ? 1 : -1));\n}\n\n//? **`` Sorts the array by reverse alphabetical Z-A\nfunction reverseAlphaOrder() {\n  return todoArray.sort((a, b) => (a.task < b.task ? 1 : -1));\n}\n\n//? **`` Sorts the array by project\nfunction projectOrder() {\n  return todoArray.sort((a, b) => (a.project > b.project ? 1 : -1));\n}\n\n//? **`` Sorts the array by due date\nfunction dueDateOrder() {\n  return todoArray.sort((a, b) => (a.date > b.date ? 1 : -1));\n}\n\nfunction findPriorities() {\n  //? **``This finds all the 'priority' attributes, spreads the node list into an array, and returns the one thats checked.\n  const checked = [...document.querySelectorAll('[name=\"priority\"]')].find(\n    (priority) => priority.checked\n  );\n  return checked.value;\n}\n\nfunction goToMainScreen() {\n  removeChildrenOfContent();\n\n  createSortingDropdown();\n  sortingAndDisplayOfTasksLogic();\n\n  createToDoItemButton();\n  createToDoItemButtonLogic();\n\n  displayTodaysDate();\n\n  taskDisplayLogic();\n}\n\nfunction goToTaskScreen(ID) {\n  removeChildrenOfContent();\n  removeHeader();\n  //? **`` Filters through all objects in the array and returns a new array with the object that matches the ID\n  const currentObjArray = todoArray.filter((object) => ID == object.idNumber);\n  //? **`` Loops through the object and passes the key/value pairs to the display function\n  Object.entries(currentObjArray[0]).map(([key, value]) => {\n    displayToDoInfo(key, value);\n  });\n  displayBackButton();\n  backButtonLogic();\n  displayDeleteButton();\n  deleteButtonLogic(ID);\n}\n\nfunction createID() {\n  //? **`` This loops forever, and when we find that the random number does NOT match any ID numbers in the objects within the array, then we kill the loop and return the new unique number\n  while (true) {\n    const randomNumber =\n      Math.floor(Math.random() * (999999 - 100000 + 1)) + 100000;\n    if (!todoArray.some((obj) => obj.idNumber === randomNumber)) {\n      return randomNumber;\n    }\n  }\n}\n\nfunction getTodaysDate() {\n  const date = new Date();\n  //? **`` These are the date formatting options\n  const dateOptions = { month: 'short', day: 'numeric' };\n  const todaysDate = date.toLocaleDateString(undefined, dateOptions);\n  return todaysDate;\n}\n\n//? **`` Adds the new projects as options to the select dropdown\nfunction populateDropdownMenu() {\n  //? **`` Loops through each object in the array\n  todoArray.map((objs) => {\n    //? **`` As it loops, it checks to make sure each objects project name doesn't already exist in the dropdown list\n    const optionNodeList = document.querySelectorAll(\n      '#dropdownProjectMenu > option'\n    );\n    const duplicateCheck = [...optionNodeList].some(\n      (oppies) => oppies.innerText === objs.project\n    );\n    //? **`` If there are no duplicates, it fills the dropdown menu with the project names\n    if (!duplicateCheck) {\n      const newOption = document.createElement('option');\n      dropdownProjectMenu.appendChild(newOption);\n      newOption.setAttribute('value', objs.project);\n      newOption.innerText = objs.project;\n    }\n  });\n}\n\n//? **`` Updates the select dropdown options with the 'Create New Project' value\nfunction addOptions(newProjectField) {\n  const optionNodeList = document.querySelectorAll(\n    '#dropdownProjectMenu > option'\n  );\n  //? **`` Big \"if statement\" !!\n  if (\n    //? **`` Turns the node list into an array then checks for duplicate project names. Notice the \"bang\" mark at the beginning saying \"if this is NOT true...\"\n    ![...optionNodeList].some(\n      (option) => newProjectField.value == option.innerText\n    )\n  ) {\n    //? **`` If there are no duplicates, it adds it to the select dropdown\n    updateOptions(newProjectField);\n    //? **`` Automatically sets dropdown menu to last created new project\n    document.querySelector('#dropdownProjectMenu').value =\n      document.querySelector('#dropdownProjectMenu > option:last-child').value;\n  }\n}\n\n//? **`` Takes the values from local storage, clears the ToDo Array, and adds them to the front of the array\nfunction resetAndPopulateArray() {\n  todoArray = [];\n  for (const [key, value] of Object.entries(localStorage)) {\n    todoArray.unshift(JSON.parse(value));\n  }\n}\n\n//? **`` Factory function that creates a new object of all the form values\nfunction createObject(project, task, date, priority, notes, idNumber) {\n  return { project, task, date, priority, notes, idNumber };\n}\n","import { populateDropdownMenu, getTodaysDate, header } from '../index';\nimport { backButtonLogic } from './event-handler';\n\nexport {\n  createToDoItemButton,\n  makeForm,\n  displayTodaysDate,\n  removeChildrenOfContent,\n  removeHeader,\n  displayTask,\n  displayToDoInfo,\n  updateOptions,\n  displayBackButton,\n  displayDeleteButton,\n  displayWarning,\n  createSortingDropdown,\n  clearTasks,\n  createHeader,\n};\n\nconst body = document.querySelector('body');\nconst content = document.querySelector('.content');\n\nfunction createHeader() {\n  body.prepend(document.createElement('header'));\n}\n\n//? **`` Finds all the tasks, spreads them into an array, then cycles thru them and removes them from display\nfunction clearTasks() {\n  [...document.querySelectorAll('.task')].map((task) => task.remove());\n}\n\n//? **`` Creates the sorting dropdown menu and all it's options\nfunction createSortingDropdown() {\n  const sortingDiv = document.createElement('div');\n  sortingDiv.classList.add('sorting');\n  header.prepend(sortingDiv);\n\n  const sortingDropdown = document.createElement('select');\n  sortingDropdown.setAttribute('id', 'sortingDropdown');\n  sortingDropdown.setAttribute('name', 'sortingDropdown');\n  const sortingDropdownLabel = document.createElement('label');\n  sortingDropdownLabel.innerText = 'Sort Tasks: ';\n  sortingDropdownLabel.setAttribute('for', 'sortingDropdown');\n\n  sortingDiv.prepend(sortingDropdownLabel, sortingDropdown);\n\n  const initialOption = document.createElement('option');\n  initialOption.setAttribute('value', '');\n  initialOption.setAttribute('disabled', '');\n  initialOption.setAttribute('selected', '');\n  initialOption.innerText = '--sort by--';\n\n  const priorityOption = document.createElement('option');\n  priorityOption.setAttribute('value', 'priority');\n  priorityOption.innerText = 'priority';\n\n  const alphaOption = document.createElement('option');\n  alphaOption.setAttribute('value', 'A-Z');\n  alphaOption.innerText = 'A-Z';\n\n  const reverseAlphaOption = document.createElement('option');\n  reverseAlphaOption.setAttribute('value', 'Z-A');\n  reverseAlphaOption.innerText = 'Z-A';\n\n  const projectOption = document.createElement('option');\n  projectOption.setAttribute('value', 'project');\n  projectOption.innerText = 'project';\n\n  const dueOption = document.createElement('option');\n  dueOption.setAttribute('value', 'due-date');\n  dueOption.innerText = 'due date';\n\n  sortingDropdown.append(\n    initialOption,\n    priorityOption,\n    alphaOption,\n    reverseAlphaOption,\n    projectOption,\n    dueOption\n  );\n}\n\n//? **`` Creates a new <option> element and sets it as the new project value\nfunction updateOptions(newProjectField) {\n  const getDropdownMenu = document.querySelector('#dropdownProjectMenu');\n  const makeOption = document.createElement('option');\n\n  makeOption.setAttribute('value', newProjectField.value);\n  makeOption.innerText = newProjectField.value;\n  getDropdownMenu.appendChild(makeOption);\n}\n\n//? **`` Shows the date\nfunction displayTodaysDate() {\n  const today = getTodaysDate();\n  const dateDiv = document.createElement('div');\n  dateDiv.innerText = today + ' • today';\n  header.prepend(dateDiv);\n}\n\n//? **`` Creates the 'Add ToDo' icon button\nfunction createToDoItemButton() {\n  const newToDoButton = document.createElement('div');\n  newToDoButton.classList.add('new-todo-button');\n  header.prepend(newToDoButton);\n\n  //? **`` This icon is linked from Google in the HTML head\n  const newTaskIcon = document.createElement('span');\n  newTaskIcon.classList.add('material-symbols-outlined');\n  newTaskIcon.innerText = ' add_circle ';\n  newToDoButton.append(newTaskIcon);\n}\n\n//? **`` Creates the form that takes all the todo info\nfunction makeForm() {\n  const formWrapper = document.createElement('div');\n  formWrapper.classList.add('form-wrapper');\n  content.prepend(formWrapper);\n\n  const form = document.createElement('form');\n  form.setAttribute('action', '');\n  form.setAttribute('method', 'get');\n  formWrapper.prepend(form);\n\n  //? **`` Dropdown select\n  const dropdownWrapper = document.createElement('div');\n  dropdownWrapper.classList.add('input-wrapper');\n  form.append(dropdownWrapper);\n\n  const dropdownProjectMenu = document.createElement('select');\n  dropdownProjectMenu.setAttribute('id', 'dropdownProjectMenu');\n  dropdownProjectMenu.setAttribute('name', 'dropdownProjectMenu');\n\n  const dropdownProjectMenuLabel = document.createElement('label');\n  dropdownProjectMenuLabel.innerText = 'Assign To Project';\n  dropdownProjectMenuLabel.setAttribute('for', 'dropdownProjectMenu');\n  dropdownWrapper.append(dropdownProjectMenuLabel, dropdownProjectMenu);\n\n  const defaultOption = document.createElement('option');\n  defaultOption.setAttribute('value', 'Default Project');\n  defaultOption.innerText = 'Default Project';\n  dropdownProjectMenu.appendChild(defaultOption);\n\n  //? **`` Create new project\n  const newProjectWrapper = document.createElement('div');\n  newProjectWrapper.classList.add('input-wrapper');\n  form.append(newProjectWrapper);\n\n  const newProjectTitle = document.createElement('input');\n  newProjectTitle.setAttribute('type', 'text');\n  newProjectTitle.setAttribute('id', 'newproject');\n  newProjectTitle.setAttribute('name', 'newproject');\n  const newProjectLabel = document.createElement('label');\n  newProjectLabel.innerText = 'Or Create New Project';\n  newProjectLabel.setAttribute('for', 'newproject');\n  newProjectWrapper.append(newProjectLabel, newProjectTitle);\n\n  const projectButton = document.createElement('button');\n  projectButton.innerText = 'Create New Project';\n  projectButton.classList.add('project-button');\n  form.append(projectButton);\n\n  //? **`` New todo title\n  const todoTaskWrapper = document.createElement('div');\n  todoTaskWrapper.classList.add('input-wrapper');\n  form.append(todoTaskWrapper);\n\n  const todoTask = document.createElement('input');\n  todoTask.setAttribute('type', 'text');\n  todoTask.setAttribute('id', 'task');\n  todoTask.setAttribute('name', 'task');\n  const taskLabel = document.createElement('label');\n  taskLabel.innerText = 'ToDo Task';\n  taskLabel.setAttribute('for', 'task');\n  todoTaskWrapper.append(taskLabel, todoTask);\n\n  //? **`` Due date\n  const todoDateWrapper = document.createElement('div');\n  todoDateWrapper.classList.add('input-wrapper');\n  form.append(todoDateWrapper);\n\n  const todoDate = document.createElement('input');\n  todoDate.setAttribute('type', 'date');\n  todoDate.setAttribute('id', 'date');\n  todoDate.setAttribute('name', 'date');\n  const dateLabel = document.createElement('label');\n  dateLabel.innerText = 'Due Date';\n  dateLabel.setAttribute('for', 'date');\n  todoDateWrapper.append(dateLabel, todoDate);\n\n  //? **`` Priority\n  const priorityWrapper = document.createElement('div');\n  priorityWrapper.classList.add('priority-wrapper');\n  form.append(priorityWrapper);\n\n  const p1Wrapper = document.createElement('div');\n  p1Wrapper.classList.add('p-wrapper');\n  priorityWrapper.append(p1Wrapper);\n\n  const radioPriority1 = document.createElement('input');\n  radioPriority1.setAttribute('type', 'radio');\n  radioPriority1.setAttribute('id', 'P1');\n  radioPriority1.setAttribute('name', 'priority');\n  radioPriority1.setAttribute('value', 'P1');\n  const labelPriority1 = document.createElement('label');\n  labelPriority1.innerText = 'P1';\n  labelPriority1.setAttribute('for', 'P1');\n  p1Wrapper.append(labelPriority1, radioPriority1);\n\n  const p2Wrapper = document.createElement('div');\n  p2Wrapper.classList.add('p-wrapper');\n  priorityWrapper.append(p2Wrapper);\n\n  const radioPriority2 = document.createElement('input');\n  radioPriority2.setAttribute('type', 'radio');\n  radioPriority2.setAttribute('id', 'P2');\n  radioPriority2.setAttribute('name', 'priority');\n  radioPriority2.setAttribute('value', 'P2');\n  const labelPriority2 = document.createElement('label');\n  labelPriority2.innerText = 'P2';\n  labelPriority2.setAttribute('for', 'P2');\n  p2Wrapper.append(labelPriority2, radioPriority2);\n\n  const p3Wrapper = document.createElement('div');\n  p3Wrapper.classList.add('p-wrapper');\n  priorityWrapper.append(p3Wrapper);\n\n  const radioPriority3 = document.createElement('input');\n  radioPriority3.setAttribute('type', 'radio');\n  radioPriority3.setAttribute('id', 'P3');\n  radioPriority3.setAttribute('name', 'priority');\n  radioPriority3.setAttribute('value', 'P3');\n  const labelPriority3 = document.createElement('label');\n  labelPriority3.innerText = 'P3';\n  labelPriority3.setAttribute('for', 'P3');\n  p3Wrapper.append(labelPriority3, radioPriority3);\n\n  const p4Wrapper = document.createElement('div');\n  p4Wrapper.classList.add('p-wrapper');\n  priorityWrapper.append(p4Wrapper);\n\n  const radioPriority4 = document.createElement('input');\n  radioPriority4.setAttribute('type', 'radio');\n  radioPriority4.setAttribute('id', 'P4');\n  radioPriority4.setAttribute('name', 'priority');\n  radioPriority4.setAttribute('value', 'P4');\n  radioPriority4.setAttribute('checked', '');\n  const labelPriority4 = document.createElement('label');\n  labelPriority4.innerText = 'P4';\n  labelPriority4.setAttribute('for', 'P4');\n  p4Wrapper.append(labelPriority4, radioPriority4);\n\n  //? **`` Additional notes\n  const notesWrapper = document.createElement('div');\n  notesWrapper.classList.add('input-wrapper');\n  form.append(notesWrapper);\n\n  const notes = document.createElement('textarea');\n  notes.setAttribute('id', 'notes');\n  notes.setAttribute('name', 'notes');\n  const notesLabel = document.createElement('label');\n  notesLabel.innerText = 'Notes';\n  notesLabel.setAttribute('for', 'notes');\n  notesWrapper.append(notesLabel, notes);\n\n  //? **`` Create new todo button\n  const todoButton = document.createElement('button');\n  todoButton.innerText = 'Add ToDo';\n  todoButton.classList.add('todo-button');\n\n  //? **`` Go back button\n  const button = document.createElement('button');\n  button.innerText = 'Go Back';\n  button.classList.add('back');\n\n  form.append(todoButton, button);\n\n  populateDropdownMenu();\n  backButtonLogic();\n}\n\n//? **`` Loops through the array and for each object it creates a div, puts the task name on it, adds a class, sets the object's ID number to the element ID, and displays it\nfunction displayTask(array) {\n  array.map((obj) => {\n    const div = document.createElement('div');\n    div.innerText = `${obj.task}`;\n    div.classList.add('task');\n    div.setAttribute('id', obj.idNumber);\n    content.appendChild(div);\n  });\n}\n\n//? **`` Displays the object key/value pair except for the ID Number\nfunction displayToDoInfo(key, value) {\n  //? **`` This makes sure it doesn't display the 'IDNumber' value from the object\n  if (key !== 'idNumber') {\n    const paragraph = document.createElement('p');\n    paragraph.innerText = `${key}: ${value}`;\n    content.appendChild(paragraph);\n  }\n}\n\n//? **`` Creates a 'go back' button\nfunction displayBackButton() {\n  const button = document.createElement('button');\n  button.innerText = 'Go Back';\n  button.classList.add('back');\n  content.appendChild(button);\n}\n\n//? **`` Creates a 'delete' button\nfunction displayDeleteButton() {\n  const button = document.createElement('button');\n  button.innerText = 'Delete';\n  button.classList.add('delete');\n  content.appendChild(button);\n}\n\n//? **`` Creates a warning screen when trying to delete a task\nfunction displayWarning() {\n  const div = document.createElement('div');\n  div.classList.add('warning');\n  content.appendChild(div);\n\n  const paragraph = document.createElement('p');\n  paragraph.innerText = 'Are you sure?';\n  div.appendChild(paragraph);\n\n  const backButton = document.createElement('button');\n  backButton.innerText = 'Go Back';\n  backButton.classList.add('warning-back');\n  div.appendChild(backButton);\n\n  const deleteButton = document.createElement('button');\n  deleteButton.innerText = 'Delete';\n  deleteButton.classList.add('warning-delete');\n  div.appendChild(deleteButton);\n}\n\n//? **`` Removes all the elements within the main \"content\" class element\nfunction removeChildrenOfContent() {\n  while (content.firstChild) {\n    content.removeChild(content.firstChild);\n  }\n}\n\nfunction removeHeader() {\n  while (header.firstChild) {\n    header.removeChild(header.firstChild);\n  }\n}\n","import {\n  resetAndPopulateArray,\n  addOptions,\n  createObject,\n  todoArray,\n  createID,\n  goToMainScreen,\n  goToTaskScreen,\n  findPriorities,\n  priorityOrder,\n  alphaOrder,\n  reverseAlphaOrder,\n  projectOrder,\n  dueDateOrder,\n} from '../index';\n\nimport {\n  makeForm,\n  removeChildrenOfContent,\n  displayWarning,\n  displayTask,\n  clearTasks,\n  removeHeader,\n} from './dom-manipulation';\n\nexport {\n  createToDoItemButtonLogic,\n  addToDoButtonLogic,\n  taskDisplayLogic,\n  backButtonLogic,\n  deleteButtonLogic,\n  sortingAndDisplayOfTasksLogic,\n};\n\n//? **`` Displays the tasks by the chosen order\nfunction sortingAndDisplayOfTasksLogic() {\n  resetAndPopulateArray();\n  //? **`` The initial task display\n  displayTask(todoArray);\n  //? **`` Listens for changes in the sorting dropdown menu\n  document.querySelector('#sortingDropdown').addEventListener('change', (e) => {\n    const sortValue = document.querySelector('#sortingDropdown').value;\n    //? **`` Removes the displayed tasks\n    clearTasks();\n    //? **`` Reorders the tasks based on the user selection and displays them again in the new order\n    switch (sortValue) {\n      case 'priority':\n        displayTask(priorityOrder());\n        break;\n\n      case 'A-Z':\n        displayTask(alphaOrder());\n        break;\n\n      case 'Z-A':\n        displayTask(reverseAlphaOrder());\n        break;\n\n      case 'project':\n        displayTask(projectOrder());\n        break;\n\n      case 'due-date':\n        displayTask(dueDateOrder());\n        break;\n    }\n    //? **`` Adds the logic back to the new task order to display each task's info\n    taskDisplayLogic();\n  });\n}\n\n//? **`` This is the 'delete task' warning screen's 'Delete' button logic. It removes the object from the array and returns you to the main screen\nfunction warningDeleteButtonLogic(ID) {\n  document.querySelector('.warning-delete').addEventListener('click', (e) => {\n    // //? **`` Loops through the array and grabs each object and it's index position\n    todoArray.map((object, index) => {\n      //? **`` If the task ID number to be deleted matches an ID in an object, that object is removed from local storage and the array and you're returned to the main screen\n      if (ID == object.idNumber) {\n        localStorage.removeItem(ID);\n        todoArray.splice(index, 1);\n        goToMainScreen();\n      }\n    });\n  });\n}\n\n//? **`` This is the 'delete task' warning screen's 'Go Back' button logic. It takes you back to the task screen.\nfunction warningBackButtonLogic(ID) {\n  document.querySelector('.warning-back').addEventListener('click', (e) => {\n    goToTaskScreen(ID);\n  });\n}\n\n//? **`` Clicking the delete button clears the screen and brings up a warning\nfunction deleteButtonLogic(ID) {\n  document.querySelector('.delete').addEventListener('click', (e) => {\n    removeChildrenOfContent();\n    displayWarning();\n    warningBackButtonLogic(ID);\n    warningDeleteButtonLogic(ID);\n  });\n}\n\n//? **`` Clicking the back button takes you back to the starting screen\nfunction backButtonLogic() {\n  document.querySelector('.back').addEventListener('click', (e) => {\n    e.preventDefault();\n    goToMainScreen();\n  });\n}\n\n//? **`` The logic that allows you to display the info from the task you clicked on\nfunction taskDisplayLogic() {\n  //? **`` Turns your query node list into an array, loops thru each 'task' class, adds a listener to each 'task' class\n  [...document.querySelectorAll('.task')].map((task) => {\n    task.addEventListener('click', (e) => {\n      //? **`` Gets the ID from the html element and uses it as the argument\n      goToTaskScreen(e.target.id);\n    });\n  });\n}\n\n//? **`` This removes the main button, creates the form, then applies the logic to the two buttons within the form.\nfunction createToDoItemButtonLogic() {\n  document.querySelector('.new-todo-button').addEventListener('click', (e) => {\n    e.preventDefault();\n    removeHeader();\n    removeChildrenOfContent();\n    makeForm();\n    addToDoButtonLogic();\n    addNewProjectButtonLogic();\n  });\n}\n\n//? **`` This gets all the values from the form, puts the values into their own object, puts the object into the main array, displays all the values, removes the form, displays the main 'ToDo button', and applies the logic to the button.\nfunction addToDoButtonLogic() {\n  document.querySelector('.todo-button').addEventListener('click', (e) => {\n    e.preventDefault();\n    //? **`` Assigns all the form values to their own variables\n    const project = document.querySelector('#dropdownProjectMenu').value;\n    const task = document.querySelector('#task').value;\n    const date = document.querySelector('#date').value;\n    const notes = document.querySelector('#notes').value;\n    const priority = findPriorities();\n    const idNumber = createID();\n\n    //? **`` If the task field is empty, nothing happens.\n    if (task == '') return;\n\n    //? **`` Takes all the form values, turns them into a new object, and turns the object into it's own variable\n    const newObject = createObject(\n      project,\n      task,\n      date,\n      priority,\n      notes,\n      idNumber\n    );\n\n    //? **`` This populates the local storage with the newly created object.\n    localStorage.setItem(newObject.idNumber, JSON.stringify(newObject));\n\n    resetAndPopulateArray();\n\n    goToMainScreen();\n  });\n}\n\n//? **`` This gets the value for a new project, then populates the select field with the new project.\nfunction addNewProjectButtonLogic() {\n  document.querySelector('.project-button').addEventListener('click', (e) => {\n    e.preventDefault();\n    let newProjectField = document.querySelector('#newproject');\n\n    //? **`` Returns if nothing is added to the new project field\n    if (newProjectField.value === '') {\n      return;\n    }\n\n    addOptions(newProjectField);\n\n    //? **`` resets 'create new project' input field\n    newProjectField.value = '';\n  });\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./src/index.js\");\n",""],"names":[],"sourceRoot":""}
 >>>>>>> branch-1
+=======
+{"version":3,"file":"main.js","mappings":"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AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;;AAEA;;;;;;;;;;ACrEa;;AAEb;AACA;AACA;AACA;AACA,IAAI;AACJ;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACfyB;AACJ;;AAae;;AAQH;;AAmB/B;;AAEF;AACA;;AAEA,uEAAY;AACZ;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,EAAE,kFAAuB;;AAEzB,EAAE,gFAAqB;AACvB,EAAE,qFAA6B;;AAE/B,EAAE,+EAAoB;AACtB,EAAE,iFAAyB;;AAE3B,EAAE,4EAAiB;;AAEnB,EAAE,wEAAgB;AAClB;;AAEA;AACA,EAAE,kFAAuB;AACzB,EAAE,uEAAY;AACd;AACA;AACA;AACA;AACA,IAAI,0EAAe;AACnB,GAAG;AACH,EAAE,4EAAiB;AACnB,EAAE,uEAAe;AACjB,EAAE,8EAAmB;AACrB,EAAE,yEAAiB;AACnB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,wBAAwB;AACxB;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,wEAAa;AACjB;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA,WAAW;AACX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5LuE;AACrB;;AAiBhD;;AAEF;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,EAAE,kDAAc;;AAEhB;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA,gBAAgB,qDAAa;AAC7B;AACA;AACA,EAAE,kDAAc;AAChB;;AAEA;AACA;AACA;AACA;AACA,EAAE,kDAAc;;AAEhB;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA,EAAE,4DAAoB;AACtB,EAAE,+DAAe;AACjB;;AAEA;AACA;AACA;AACA;AACA,uBAAuB,SAAS;AAChC;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,6BAA6B,IAAI,IAAI,MAAM;AAC3C;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAAS,qDAAiB;AAC1B,IAAI,sDAAkB,CAAC,qDAAiB;AACxC;AACA;;;;;;;;;;;;;;;;;;;;;;ACjVkB;;AASU;;AAS1B;;AAEF;AACA;AACA,EAAE,6DAAqB;AACvB;AACA,EAAE,8DAAW,CAAC,6CAAS;AACvB;AACA;AACA;AACA;AACA,IAAI,6DAAU;AACd;AACA;AACA;AACA,QAAQ,8DAAW,CAAC,qDAAa;AACjC;;AAEA;AACA,QAAQ,8DAAW,CAAC,kDAAU;AAC9B;;AAEA;AACA,QAAQ,8DAAW,CAAC,yDAAiB;AACrC;;AAEA;AACA,QAAQ,8DAAW,CAAC,oDAAY;AAChC;;AAEA;AACA,QAAQ,8DAAW,CAAC,oDAAY;AAChC;AACA;AACA;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA,IAAI,iDAAa;AACjB;AACA;AACA;AACA,QAAQ,oDAAgB;AACxB,QAAQ,sDAAc;AACtB;AACA,KAAK;AACL,GAAG;AACH;;AAEA;AACA;AACA;AACA,IAAI,sDAAc;AAClB,GAAG;AACH;;AAEA;AACA;AACA;AACA,IAAI,0EAAuB;AAC3B,IAAI,iEAAc;AAClB;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA,IAAI,sDAAc;AAClB,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,sDAAc;AACpB,KAAK;AACL,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA,IAAI,+DAAY;AAChB,IAAI,0EAAuB;AAC3B,IAAI,2DAAQ;AACZ;AACA;AACA,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,sDAAc;AACnC,qBAAqB,gDAAQ;;AAE7B;AACA;;AAEA;AACA,sBAAsB,oDAAY;AAClC;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA,IAAI,6DAAqB;;AAEzB,IAAI,sDAAc;AAClB,GAAG;AACH;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA,IAAI,kDAAU;;AAEd;AACA;AACA,GAAG;AACH;;;;;;;UCxLA;UACA;;UAEA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;UACA;;UAEA;UACA;;UAEA;UACA;UACA;;;;;WCtBA;WACA;WACA;WACA;WACA;WACA,iCAAiC,WAAW;WAC5C;WACA;;;;;WCPA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA;;;;;WCPA;;;;;WCAA;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D;;;;;WCNA;;;;;UEAA;UACA;UACA;UACA","sources":["webpack://to-do-list/./src/normalize.css","webpack://to-do-list/./src/style.css","webpack://to-do-list/./node_modules/css-loader/dist/runtime/api.js","webpack://to-do-list/./node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://to-do-list/./src/normalize.css?6856","webpack://to-do-list/./src/style.css?7163","webpack://to-do-list/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://to-do-list/./node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://to-do-list/./src/index.js","webpack://to-do-list/./src/modules/dom-manipulation.js","webpack://to-do-list/./src/modules/event-handler.js","webpack://to-do-list/webpack/bootstrap","webpack://to-do-list/webpack/runtime/compat get default export","webpack://to-do-list/webpack/runtime/define property getters","webpack://to-do-list/webpack/runtime/hasOwnProperty shorthand","webpack://to-do-list/webpack/runtime/make namespace object","webpack://to-do-list/webpack/runtime/nonce","webpack://to-do-list/webpack/before-startup","webpack://to-do-list/webpack/startup","webpack://to-do-list/webpack/after-startup"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\\n\\n/* Document\\n   ========================================================================== */\\n\\n/**\\n * 1. Correct the line height in all browsers.\\n * 2. Prevent adjustments of font size after orientation changes in iOS.\\n */\\n\\nhtml {\\n  line-height: 1.15; /* 1 */\\n  -webkit-text-size-adjust: 100%; /* 2 */\\n}\\n\\n/* Sections\\n   ========================================================================== */\\n\\n/**\\n * Remove the margin in all browsers.\\n */\\n\\nbody {\\n  margin: 0;\\n}\\n\\n/**\\n * Render the `main` element consistently in IE.\\n */\\n\\nmain {\\n  display: block;\\n}\\n\\n/**\\n * Correct the font size and margin on `h1` elements within `section` and\\n * `article` contexts in Chrome, Firefox, and Safari.\\n */\\n\\nh1 {\\n  font-size: 2em;\\n  margin: 0.67em 0;\\n}\\n\\n/* Grouping content\\n   ========================================================================== */\\n\\n/**\\n * 1. Add the correct box sizing in Firefox.\\n * 2. Show the overflow in Edge and IE.\\n */\\n\\nhr {\\n  box-sizing: content-box; /* 1 */\\n  height: 0; /* 1 */\\n  overflow: visible; /* 2 */\\n}\\n\\n/**\\n * 1. Correct the inheritance and scaling of font size in all browsers.\\n * 2. Correct the odd `em` font sizing in all browsers.\\n */\\n\\npre {\\n  font-family: monospace, monospace; /* 1 */\\n  font-size: 1em; /* 2 */\\n}\\n\\n/* Text-level semantics\\n   ========================================================================== */\\n\\n/**\\n * Remove the gray background on active links in IE 10.\\n */\\n\\na {\\n  background-color: transparent;\\n}\\n\\n/**\\n * 1. Remove the bottom border in Chrome 57-\\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\\n */\\n\\nabbr[title] {\\n  border-bottom: none; /* 1 */\\n  text-decoration: underline; /* 2 */\\n  text-decoration: underline dotted; /* 2 */\\n}\\n\\n/**\\n * Add the correct font weight in Chrome, Edge, and Safari.\\n */\\n\\nb,\\nstrong {\\n  font-weight: bolder;\\n}\\n\\n/**\\n * 1. Correct the inheritance and scaling of font size in all browsers.\\n * 2. Correct the odd `em` font sizing in all browsers.\\n */\\n\\ncode,\\nkbd,\\nsamp {\\n  font-family: monospace, monospace; /* 1 */\\n  font-size: 1em; /* 2 */\\n}\\n\\n/**\\n * Add the correct font size in all browsers.\\n */\\n\\nsmall {\\n  font-size: 80%;\\n}\\n\\n/**\\n * Prevent `sub` and `sup` elements from affecting the line height in\\n * all browsers.\\n */\\n\\nsub,\\nsup {\\n  font-size: 75%;\\n  line-height: 0;\\n  position: relative;\\n  vertical-align: baseline;\\n}\\n\\nsub {\\n  bottom: -0.25em;\\n}\\n\\nsup {\\n  top: -0.5em;\\n}\\n\\n/* Embedded content\\n   ========================================================================== */\\n\\n/**\\n * Remove the border on images inside links in IE 10.\\n */\\n\\nimg {\\n  border-style: none;\\n}\\n\\n/* Forms\\n   ========================================================================== */\\n\\n/**\\n * 1. Change the font styles in all browsers.\\n * 2. Remove the margin in Firefox and Safari.\\n */\\n\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n  font-family: inherit; /* 1 */\\n  font-size: 100%; /* 1 */\\n  line-height: 1.15; /* 1 */\\n  margin: 0; /* 2 */\\n}\\n\\n/**\\n * Show the overflow in IE.\\n * 1. Show the overflow in Edge.\\n */\\n\\nbutton,\\ninput {\\n  /* 1 */\\n  overflow: visible;\\n}\\n\\n/**\\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\\n * 1. Remove the inheritance of text transform in Firefox.\\n */\\n\\nbutton,\\nselect {\\n  /* 1 */\\n  text-transform: none;\\n}\\n\\n/**\\n * Correct the inability to style clickable types in iOS and Safari.\\n */\\n\\nbutton,\\n[type='button'],\\n[type='reset'],\\n[type='submit'] {\\n  -webkit-appearance: button;\\n}\\n\\n/**\\n * Remove the inner border and padding in Firefox.\\n */\\n\\nbutton::-moz-focus-inner,\\n[type='button']::-moz-focus-inner,\\n[type='reset']::-moz-focus-inner,\\n[type='submit']::-moz-focus-inner {\\n  border-style: none;\\n  padding: 0;\\n}\\n\\n/**\\n * Restore the focus styles unset by the previous rule.\\n */\\n\\nbutton:-moz-focusring,\\n[type='button']:-moz-focusring,\\n[type='reset']:-moz-focusring,\\n[type='submit']:-moz-focusring {\\n  outline: 1px dotted ButtonText;\\n}\\n\\n/**\\n * Correct the padding in Firefox.\\n */\\n\\nfieldset {\\n  padding: 0.35em 0.75em 0.625em;\\n}\\n\\n/**\\n * 1. Correct the text wrapping in Edge and IE.\\n * 2. Correct the color inheritance from `fieldset` elements in IE.\\n * 3. Remove the padding so developers are not caught out when they zero out\\n *    `fieldset` elements in all browsers.\\n */\\n\\nlegend {\\n  box-sizing: border-box; /* 1 */\\n  color: inherit; /* 2 */\\n  display: table; /* 1 */\\n  max-width: 100%; /* 1 */\\n  padding: 0; /* 3 */\\n  white-space: normal; /* 1 */\\n}\\n\\n/**\\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\\n */\\n\\nprogress {\\n  vertical-align: baseline;\\n}\\n\\n/**\\n * Remove the default vertical scrollbar in IE 10+.\\n */\\n\\ntextarea {\\n  overflow: auto;\\n}\\n\\n/**\\n * 1. Add the correct box sizing in IE 10.\\n * 2. Remove the padding in IE 10.\\n */\\n\\n[type='checkbox'],\\n[type='radio'] {\\n  box-sizing: border-box; /* 1 */\\n  padding: 0; /* 2 */\\n}\\n\\n/**\\n * Correct the cursor style of increment and decrement buttons in Chrome.\\n */\\n\\n[type='number']::-webkit-inner-spin-button,\\n[type='number']::-webkit-outer-spin-button {\\n  height: auto;\\n}\\n\\n/**\\n * 1. Correct the odd appearance in Chrome and Safari.\\n * 2. Correct the outline style in Safari.\\n */\\n\\n[type='search'] {\\n  -webkit-appearance: textfield; /* 1 */\\n  outline-offset: -2px; /* 2 */\\n}\\n\\n/**\\n * Remove the inner padding in Chrome and Safari on macOS.\\n */\\n\\n[type='search']::-webkit-search-decoration {\\n  -webkit-appearance: none;\\n}\\n\\n/**\\n * 1. Correct the inability to style clickable types in iOS and Safari.\\n * 2. Change font properties to `inherit` in Safari.\\n */\\n\\n::-webkit-file-upload-button {\\n  -webkit-appearance: button; /* 1 */\\n  font: inherit; /* 2 */\\n}\\n\\n/* Interactive\\n   ========================================================================== */\\n\\n/*\\n * Add the correct display in Edge, IE 10+, and Firefox.\\n */\\n\\ndetails {\\n  display: block;\\n}\\n\\n/*\\n * Add the correct display in all browsers.\\n */\\n\\nsummary {\\n  display: list-item;\\n}\\n\\n/* Misc\\n   ========================================================================== */\\n\\n/**\\n * Add the correct display in IE 10+.\\n */\\n\\ntemplate {\\n  display: none;\\n}\\n\\n/**\\n * Add the correct display in IE 10.\\n */\\n\\n[hidden] {\\n  display: none;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/normalize.css\"],\"names\":[],\"mappings\":\"AAAA,2EAA2E;;AAE3E;+EAC+E;;AAE/E;;;EAGE;;AAEF;EACE,iBAAiB,EAAE,MAAM;EACzB,8BAA8B,EAAE,MAAM;AACxC;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,SAAS;AACX;;AAEA;;EAEE;;AAEF;EACE,cAAc;AAChB;;AAEA;;;EAGE;;AAEF;EACE,cAAc;EACd,gBAAgB;AAClB;;AAEA;+EAC+E;;AAE/E;;;EAGE;;AAEF;EACE,uBAAuB,EAAE,MAAM;EAC/B,SAAS,EAAE,MAAM;EACjB,iBAAiB,EAAE,MAAM;AAC3B;;AAEA;;;EAGE;;AAEF;EACE,iCAAiC,EAAE,MAAM;EACzC,cAAc,EAAE,MAAM;AACxB;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,6BAA6B;AAC/B;;AAEA;;;EAGE;;AAEF;EACE,mBAAmB,EAAE,MAAM;EAC3B,0BAA0B,EAAE,MAAM;EAClC,iCAAiC,EAAE,MAAM;AAC3C;;AAEA;;EAEE;;AAEF;;EAEE,mBAAmB;AACrB;;AAEA;;;EAGE;;AAEF;;;EAGE,iCAAiC,EAAE,MAAM;EACzC,cAAc,EAAE,MAAM;AACxB;;AAEA;;EAEE;;AAEF;EACE,cAAc;AAChB;;AAEA;;;EAGE;;AAEF;;EAEE,cAAc;EACd,cAAc;EACd,kBAAkB;EAClB,wBAAwB;AAC1B;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,WAAW;AACb;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,kBAAkB;AACpB;;AAEA;+EAC+E;;AAE/E;;;EAGE;;AAEF;;;;;EAKE,oBAAoB,EAAE,MAAM;EAC5B,eAAe,EAAE,MAAM;EACvB,iBAAiB,EAAE,MAAM;EACzB,SAAS,EAAE,MAAM;AACnB;;AAEA;;;EAGE;;AAEF;;EAEE,MAAM;EACN,iBAAiB;AACnB;;AAEA;;;EAGE;;AAEF;;EAEE,MAAM;EACN,oBAAoB;AACtB;;AAEA;;EAEE;;AAEF;;;;EAIE,0BAA0B;AAC5B;;AAEA;;EAEE;;AAEF;;;;EAIE,kBAAkB;EAClB,UAAU;AACZ;;AAEA;;EAEE;;AAEF;;;;EAIE,8BAA8B;AAChC;;AAEA;;EAEE;;AAEF;EACE,8BAA8B;AAChC;;AAEA;;;;;EAKE;;AAEF;EACE,sBAAsB,EAAE,MAAM;EAC9B,cAAc,EAAE,MAAM;EACtB,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,MAAM;EACvB,UAAU,EAAE,MAAM;EAClB,mBAAmB,EAAE,MAAM;AAC7B;;AAEA;;EAEE;;AAEF;EACE,wBAAwB;AAC1B;;AAEA;;EAEE;;AAEF;EACE,cAAc;AAChB;;AAEA;;;EAGE;;AAEF;;EAEE,sBAAsB,EAAE,MAAM;EAC9B,UAAU,EAAE,MAAM;AACpB;;AAEA;;EAEE;;AAEF;;EAEE,YAAY;AACd;;AAEA;;;EAGE;;AAEF;EACE,6BAA6B,EAAE,MAAM;EACrC,oBAAoB,EAAE,MAAM;AAC9B;;AAEA;;EAEE;;AAEF;EACE,wBAAwB;AAC1B;;AAEA;;;EAGE;;AAEF;EACE,0BAA0B,EAAE,MAAM;EAClC,aAAa,EAAE,MAAM;AACvB;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,cAAc;AAChB;;AAEA;;EAEE;;AAEF;EACE,kBAAkB;AACpB;;AAEA;+EAC+E;;AAE/E;;EAEE;;AAEF;EACE,aAAa;AACf;;AAEA;;EAEE;;AAEF;EACE,aAAa;AACf\",\"sourcesContent\":[\"/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\\n\\n/* Document\\n   ========================================================================== */\\n\\n/**\\n * 1. Correct the line height in all browsers.\\n * 2. Prevent adjustments of font size after orientation changes in iOS.\\n */\\n\\nhtml {\\n  line-height: 1.15; /* 1 */\\n  -webkit-text-size-adjust: 100%; /* 2 */\\n}\\n\\n/* Sections\\n   ========================================================================== */\\n\\n/**\\n * Remove the margin in all browsers.\\n */\\n\\nbody {\\n  margin: 0;\\n}\\n\\n/**\\n * Render the `main` element consistently in IE.\\n */\\n\\nmain {\\n  display: block;\\n}\\n\\n/**\\n * Correct the font size and margin on `h1` elements within `section` and\\n * `article` contexts in Chrome, Firefox, and Safari.\\n */\\n\\nh1 {\\n  font-size: 2em;\\n  margin: 0.67em 0;\\n}\\n\\n/* Grouping content\\n   ========================================================================== */\\n\\n/**\\n * 1. Add the correct box sizing in Firefox.\\n * 2. Show the overflow in Edge and IE.\\n */\\n\\nhr {\\n  box-sizing: content-box; /* 1 */\\n  height: 0; /* 1 */\\n  overflow: visible; /* 2 */\\n}\\n\\n/**\\n * 1. Correct the inheritance and scaling of font size in all browsers.\\n * 2. Correct the odd `em` font sizing in all browsers.\\n */\\n\\npre {\\n  font-family: monospace, monospace; /* 1 */\\n  font-size: 1em; /* 2 */\\n}\\n\\n/* Text-level semantics\\n   ========================================================================== */\\n\\n/**\\n * Remove the gray background on active links in IE 10.\\n */\\n\\na {\\n  background-color: transparent;\\n}\\n\\n/**\\n * 1. Remove the bottom border in Chrome 57-\\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\\n */\\n\\nabbr[title] {\\n  border-bottom: none; /* 1 */\\n  text-decoration: underline; /* 2 */\\n  text-decoration: underline dotted; /* 2 */\\n}\\n\\n/**\\n * Add the correct font weight in Chrome, Edge, and Safari.\\n */\\n\\nb,\\nstrong {\\n  font-weight: bolder;\\n}\\n\\n/**\\n * 1. Correct the inheritance and scaling of font size in all browsers.\\n * 2. Correct the odd `em` font sizing in all browsers.\\n */\\n\\ncode,\\nkbd,\\nsamp {\\n  font-family: monospace, monospace; /* 1 */\\n  font-size: 1em; /* 2 */\\n}\\n\\n/**\\n * Add the correct font size in all browsers.\\n */\\n\\nsmall {\\n  font-size: 80%;\\n}\\n\\n/**\\n * Prevent `sub` and `sup` elements from affecting the line height in\\n * all browsers.\\n */\\n\\nsub,\\nsup {\\n  font-size: 75%;\\n  line-height: 0;\\n  position: relative;\\n  vertical-align: baseline;\\n}\\n\\nsub {\\n  bottom: -0.25em;\\n}\\n\\nsup {\\n  top: -0.5em;\\n}\\n\\n/* Embedded content\\n   ========================================================================== */\\n\\n/**\\n * Remove the border on images inside links in IE 10.\\n */\\n\\nimg {\\n  border-style: none;\\n}\\n\\n/* Forms\\n   ========================================================================== */\\n\\n/**\\n * 1. Change the font styles in all browsers.\\n * 2. Remove the margin in Firefox and Safari.\\n */\\n\\nbutton,\\ninput,\\noptgroup,\\nselect,\\ntextarea {\\n  font-family: inherit; /* 1 */\\n  font-size: 100%; /* 1 */\\n  line-height: 1.15; /* 1 */\\n  margin: 0; /* 2 */\\n}\\n\\n/**\\n * Show the overflow in IE.\\n * 1. Show the overflow in Edge.\\n */\\n\\nbutton,\\ninput {\\n  /* 1 */\\n  overflow: visible;\\n}\\n\\n/**\\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\\n * 1. Remove the inheritance of text transform in Firefox.\\n */\\n\\nbutton,\\nselect {\\n  /* 1 */\\n  text-transform: none;\\n}\\n\\n/**\\n * Correct the inability to style clickable types in iOS and Safari.\\n */\\n\\nbutton,\\n[type='button'],\\n[type='reset'],\\n[type='submit'] {\\n  -webkit-appearance: button;\\n}\\n\\n/**\\n * Remove the inner border and padding in Firefox.\\n */\\n\\nbutton::-moz-focus-inner,\\n[type='button']::-moz-focus-inner,\\n[type='reset']::-moz-focus-inner,\\n[type='submit']::-moz-focus-inner {\\n  border-style: none;\\n  padding: 0;\\n}\\n\\n/**\\n * Restore the focus styles unset by the previous rule.\\n */\\n\\nbutton:-moz-focusring,\\n[type='button']:-moz-focusring,\\n[type='reset']:-moz-focusring,\\n[type='submit']:-moz-focusring {\\n  outline: 1px dotted ButtonText;\\n}\\n\\n/**\\n * Correct the padding in Firefox.\\n */\\n\\nfieldset {\\n  padding: 0.35em 0.75em 0.625em;\\n}\\n\\n/**\\n * 1. Correct the text wrapping in Edge and IE.\\n * 2. Correct the color inheritance from `fieldset` elements in IE.\\n * 3. Remove the padding so developers are not caught out when they zero out\\n *    `fieldset` elements in all browsers.\\n */\\n\\nlegend {\\n  box-sizing: border-box; /* 1 */\\n  color: inherit; /* 2 */\\n  display: table; /* 1 */\\n  max-width: 100%; /* 1 */\\n  padding: 0; /* 3 */\\n  white-space: normal; /* 1 */\\n}\\n\\n/**\\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\\n */\\n\\nprogress {\\n  vertical-align: baseline;\\n}\\n\\n/**\\n * Remove the default vertical scrollbar in IE 10+.\\n */\\n\\ntextarea {\\n  overflow: auto;\\n}\\n\\n/**\\n * 1. Add the correct box sizing in IE 10.\\n * 2. Remove the padding in IE 10.\\n */\\n\\n[type='checkbox'],\\n[type='radio'] {\\n  box-sizing: border-box; /* 1 */\\n  padding: 0; /* 2 */\\n}\\n\\n/**\\n * Correct the cursor style of increment and decrement buttons in Chrome.\\n */\\n\\n[type='number']::-webkit-inner-spin-button,\\n[type='number']::-webkit-outer-spin-button {\\n  height: auto;\\n}\\n\\n/**\\n * 1. Correct the odd appearance in Chrome and Safari.\\n * 2. Correct the outline style in Safari.\\n */\\n\\n[type='search'] {\\n  -webkit-appearance: textfield; /* 1 */\\n  outline-offset: -2px; /* 2 */\\n}\\n\\n/**\\n * Remove the inner padding in Chrome and Safari on macOS.\\n */\\n\\n[type='search']::-webkit-search-decoration {\\n  -webkit-appearance: none;\\n}\\n\\n/**\\n * 1. Correct the inability to style clickable types in iOS and Safari.\\n * 2. Change font properties to `inherit` in Safari.\\n */\\n\\n::-webkit-file-upload-button {\\n  -webkit-appearance: button; /* 1 */\\n  font: inherit; /* 2 */\\n}\\n\\n/* Interactive\\n   ========================================================================== */\\n\\n/*\\n * Add the correct display in Edge, IE 10+, and Firefox.\\n */\\n\\ndetails {\\n  display: block;\\n}\\n\\n/*\\n * Add the correct display in all browsers.\\n */\\n\\nsummary {\\n  display: list-item;\\n}\\n\\n/* Misc\\n   ========================================================================== */\\n\\n/**\\n * Add the correct display in IE 10+.\\n */\\n\\ntemplate {\\n  display: none;\\n}\\n\\n/**\\n * Add the correct display in IE 10.\\n */\\n\\n[hidden] {\\n  display: none;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":root {\\n  --light: #ffffff;\\n  --dark: #071e22;\\n  --first-accent: linear-gradient(to right, #1d7874, #124d4a);\\n  --second-accent: #dcc48e;\\n  --mild-urgent: rgb(23, 202, 242);\\n  --urgent: rgb(236, 176, 13);\\n  --very-urgent: rgb(216, 8, 8);\\n}\\n\\n*,\\n*::before,\\n*::after {\\n  box-sizing: border-box;\\n  padding: 0;\\n  margin: 0;\\n}\\n\\nbody {\\n  font-family: sans-serif;\\n  background: var(--dark);\\n  color: var(--light);\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\n/** ``**``**`` Header styling ``**``**`` */\\n\\nheader {\\n  width: 100%;\\n  padding: 40px;\\n  font-size: 1.5rem;\\n  background: var(--first-accent);\\n  display: flex;\\n  justify-content: space-around;\\n}\\n\\n.material-symbols-outlined {\\n  transform: scale(3);\\n  cursor: pointer;\\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\\n}\\n\\n.material-symbols-outlined:hover {\\n  color: var(--second-accent);\\n}\\n\\n#sortingDropdown {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n  text-align: center;\\n}\\n\\n#sortingDropdown:focus {\\n  outline: var(--second-accent) solid 4px;\\n}\\n\\n/** ``**``**`` Content styling ``**``**`` */\\n\\n.content,\\n.warning {\\n  width: 100%;\\n  padding: 0px 10px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: start;\\n  align-items: start;\\n}\\n\\n.content > button,\\n.warning > button {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n  font-size: 1rem;\\n  width: auto;\\n  margin: 10px 30px;\\n  transition: transform ease 100ms;\\n}\\n\\n.content > button:hover,\\n.warning > button:hover {\\n  background: var(--second-accent);\\n  transform: translate(0, 2px);\\n}\\n\\n.task {\\n  color: var(--light);\\n  background: var(--dark);\\n  width: 100%;\\n  font-size: 1.5rem;\\n  cursor: pointer;\\n  padding: 30px;\\n  text-align: left;\\n  border: none;\\n  border-bottom: solid 1px var(--second-accent);\\n}\\n\\n.content > p,\\n.warning > p {\\n  font-size: 1.5rem;\\n  padding: 10px 30px;\\n}\\n\\n/** ``**``**`` Form styling ``**``**`` */\\n\\n.form-wrapper {\\n  height: 100vh;\\n  width: 100vw;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\nform {\\n  color: var(--second-accent);\\n  display: flex;\\n  flex-direction: column;\\n  gap: 15px;\\n  font-size: 1.25rem;\\n  outline: var(--second-accent) solid 1px;\\n  padding: 50px 30px;\\n  border-radius: 10px;\\n}\\n\\nform input,\\nform textarea,\\nform button,\\nform select {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n}\\n\\nform *:focus:not(button, [type='radio']) {\\n  outline: var(--second-accent) solid 4px;\\n}\\n\\n.input-wrapper {\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  gap: 15px;\\n}\\n\\n.priority-wrapper {\\n  display: flex;\\n  gap: 15%;\\n  justify-content: center;\\n}\\n\\n.priority-wrapper * {\\n  display: flex;\\n  gap: 5px;\\n  align-items: center;\\n}\\n\\n[type='radio'] {\\n  appearance: none;\\n  border-radius: 50%;\\n  width: 1.25rem;\\n  height: 1.25rem;\\n  border: 2px solid var(--second-accent);\\n  transition: 0.2s all linear;\\n}\\n\\n#P1:checked {\\n  border: 6px solid var(--very-urgent);\\n}\\n\\n#P2:checked {\\n  border: 6px solid var(--urgent);\\n}\\n\\n#P3:checked {\\n  border: 6px solid var(--mild-urgent);\\n}\\n\\n#P4:checked {\\n  border: 6px solid var(--light);\\n}\\n\\nform button {\\n  font-size: 1rem;\\n  width: auto;\\n  align-self: center;\\n  transition: transform ease 100ms;\\n}\\n\\nform button:hover {\\n  background: var(--second-accent);\\n  transform: translate(0, 2px);\\n}\\n\\n/** ``**``**`` Media queries ``**``**`` */\\n\\n@media (max-width: 700px) {\\n  header {\\n    flex-direction: column;\\n    gap: 20px;\\n    align-items: center;\\n  }\\n\\n  .material-symbols-outlined {\\n    transform: scale(2);\\n  }\\n\\n  .sorting {\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n  }\\n\\n  form input,\\n  form textarea,\\n  form select {\\n    padding: 5px;\\n  }\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/style.css\"],\"names\":[],\"mappings\":\"AAAA;EACE,gBAAgB;EAChB,eAAe;EACf,2DAA2D;EAC3D,wBAAwB;EACxB,gCAAgC;EAChC,2BAA2B;EAC3B,6BAA6B;AAC/B;;AAEA;;;EAGE,sBAAsB;EACtB,UAAU;EACV,SAAS;AACX;;AAEA;EACE,uBAAuB;EACvB,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA,0CAA0C;;AAE1C;EACE,WAAW;EACX,aAAa;EACb,iBAAiB;EACjB,+BAA+B;EAC/B,aAAa;EACb,6BAA6B;AAC/B;;AAEA;EACE,mBAAmB;EACnB,eAAe;EACf,kEAAkE;AACpE;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,kBAAkB;EAClB,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,uCAAuC;AACzC;;AAEA,2CAA2C;;AAE3C;;EAEE,WAAW;EACX,iBAAiB;EACjB,aAAa;EACb,sBAAsB;EACtB,sBAAsB;EACtB,kBAAkB;AACpB;;AAEA;;EAEE,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,WAAW;EACX,iBAAiB;EACjB,gCAAgC;AAClC;;AAEA;;EAEE,gCAAgC;EAChC,4BAA4B;AAC9B;;AAEA;EACE,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,iBAAiB;EACjB,eAAe;EACf,aAAa;EACb,gBAAgB;EAChB,YAAY;EACZ,6CAA6C;AAC/C;;AAEA;;EAEE,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA,wCAAwC;;AAExC;EACE,aAAa;EACb,YAAY;EACZ,aAAa;EACb,uBAAuB;EACvB,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,aAAa;EACb,sBAAsB;EACtB,SAAS;EACT,kBAAkB;EAClB,uCAAuC;EACvC,kBAAkB;EAClB,mBAAmB;AACrB;;AAEA;;;;EAIE,kBAAkB;EAClB,iBAAiB;AACnB;;AAEA;EACE,uCAAuC;AACzC;;AAEA;EACE,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;AACX;;AAEA;EACE,aAAa;EACb,QAAQ;EACR,uBAAuB;AACzB;;AAEA;EACE,aAAa;EACb,QAAQ;EACR,mBAAmB;AACrB;;AAEA;EACE,gBAAgB;EAChB,kBAAkB;EAClB,cAAc;EACd,eAAe;EACf,sCAAsC;EACtC,2BAA2B;AAC7B;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,+BAA+B;AACjC;;AAEA;EACE,oCAAoC;AACtC;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,eAAe;EACf,WAAW;EACX,kBAAkB;EAClB,gCAAgC;AAClC;;AAEA;EACE,gCAAgC;EAChC,4BAA4B;AAC9B;;AAEA,yCAAyC;;AAEzC;EACE;IACE,sBAAsB;IACtB,SAAS;IACT,mBAAmB;EACrB;;EAEA;IACE,mBAAmB;EACrB;;EAEA;IACE,aAAa;IACb,sBAAsB;IACtB,mBAAmB;EACrB;;EAEA;;;IAGE,YAAY;EACd;AACF\",\"sourcesContent\":[\":root {\\n  --light: #ffffff;\\n  --dark: #071e22;\\n  --first-accent: linear-gradient(to right, #1d7874, #124d4a);\\n  --second-accent: #dcc48e;\\n  --mild-urgent: rgb(23, 202, 242);\\n  --urgent: rgb(236, 176, 13);\\n  --very-urgent: rgb(216, 8, 8);\\n}\\n\\n*,\\n*::before,\\n*::after {\\n  box-sizing: border-box;\\n  padding: 0;\\n  margin: 0;\\n}\\n\\nbody {\\n  font-family: sans-serif;\\n  background: var(--dark);\\n  color: var(--light);\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\n/** ``**``**`` Header styling ``**``**`` */\\n\\nheader {\\n  width: 100%;\\n  padding: 40px;\\n  font-size: 1.5rem;\\n  background: var(--first-accent);\\n  display: flex;\\n  justify-content: space-around;\\n}\\n\\n.material-symbols-outlined {\\n  transform: scale(3);\\n  cursor: pointer;\\n  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\\n}\\n\\n.material-symbols-outlined:hover {\\n  color: var(--second-accent);\\n}\\n\\n#sortingDropdown {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n  text-align: center;\\n}\\n\\n#sortingDropdown:focus {\\n  outline: var(--second-accent) solid 4px;\\n}\\n\\n/** ``**``**`` Content styling ``**``**`` */\\n\\n.content,\\n.warning {\\n  width: 100%;\\n  padding: 0px 10px;\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: start;\\n  align-items: start;\\n}\\n\\n.content > button,\\n.warning > button {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n  font-size: 1rem;\\n  width: auto;\\n  margin: 10px 30px;\\n  transition: transform ease 100ms;\\n}\\n\\n.content > button:hover,\\n.warning > button:hover {\\n  background: var(--second-accent);\\n  transform: translate(0, 2px);\\n}\\n\\n.task {\\n  color: var(--light);\\n  background: var(--dark);\\n  width: 100%;\\n  font-size: 1.5rem;\\n  cursor: pointer;\\n  padding: 30px;\\n  text-align: left;\\n  border: none;\\n  border-bottom: solid 1px var(--second-accent);\\n}\\n\\n.content > p,\\n.warning > p {\\n  font-size: 1.5rem;\\n  padding: 10px 30px;\\n}\\n\\n/** ``**``**`` Form styling ``**``**`` */\\n\\n.form-wrapper {\\n  height: 100vh;\\n  width: 100vw;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n}\\n\\nform {\\n  color: var(--second-accent);\\n  display: flex;\\n  flex-direction: column;\\n  gap: 15px;\\n  font-size: 1.25rem;\\n  outline: var(--second-accent) solid 1px;\\n  padding: 50px 30px;\\n  border-radius: 10px;\\n}\\n\\nform input,\\nform textarea,\\nform button,\\nform select {\\n  border-radius: 8px;\\n  padding: 5px 15px;\\n}\\n\\nform *:focus:not(button, [type='radio']) {\\n  outline: var(--second-accent) solid 4px;\\n}\\n\\n.input-wrapper {\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  gap: 15px;\\n}\\n\\n.priority-wrapper {\\n  display: flex;\\n  gap: 15%;\\n  justify-content: center;\\n}\\n\\n.priority-wrapper * {\\n  display: flex;\\n  gap: 5px;\\n  align-items: center;\\n}\\n\\n[type='radio'] {\\n  appearance: none;\\n  border-radius: 50%;\\n  width: 1.25rem;\\n  height: 1.25rem;\\n  border: 2px solid var(--second-accent);\\n  transition: 0.2s all linear;\\n}\\n\\n#P1:checked {\\n  border: 6px solid var(--very-urgent);\\n}\\n\\n#P2:checked {\\n  border: 6px solid var(--urgent);\\n}\\n\\n#P3:checked {\\n  border: 6px solid var(--mild-urgent);\\n}\\n\\n#P4:checked {\\n  border: 6px solid var(--light);\\n}\\n\\nform button {\\n  font-size: 1rem;\\n  width: auto;\\n  align-self: center;\\n  transition: transform ease 100ms;\\n}\\n\\nform button:hover {\\n  background: var(--second-accent);\\n  transform: translate(0, 2px);\\n}\\n\\n/** ``**``**`` Media queries ``**``**`` */\\n\\n@media (max-width: 700px) {\\n  header {\\n    flex-direction: column;\\n    gap: 20px;\\n    align-items: center;\\n  }\\n\\n  .material-symbols-outlined {\\n    transform: scale(2);\\n  }\\n\\n  .sorting {\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n  }\\n\\n  form input,\\n  form textarea,\\n  form select {\\n    padding: 5px;\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n  var content = item[1];\n  var cssMapping = item[3];\n  if (!cssMapping) {\n    return content;\n  }\n  if (typeof btoa === \"function\") {\n    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n    var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n    var sourceMapping = \"/*# \".concat(data, \" */\");\n    return [content].concat([sourceMapping]).join(\"\\n\");\n  }\n  return [content].join(\"\\n\");\n};","\n      import API from \"!../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../node_modules/css-loader/dist/cjs.js!./normalize.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../node_modules/css-loader/dist/cjs.js!./normalize.css\";\n       export default content && content.locals ? content.locals : undefined;\n","\n      import API from \"!../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../node_modules/css-loader/dist/cjs.js!./style.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../node_modules/css-loader/dist/cjs.js!./style.css\";\n       export default content && content.locals ? content.locals : undefined;\n","\"use strict\";\n\nvar stylesInDOM = [];\n\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n\n  for (var i = 0; i < stylesInDOM.length; i++) {\n    if (stylesInDOM[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\n}\n\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var indexByIdentifier = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3],\n      supports: item[4],\n      layer: item[5]\n    };\n\n    if (indexByIdentifier !== -1) {\n      stylesInDOM[indexByIdentifier].references++;\n      stylesInDOM[indexByIdentifier].updater(obj);\n    } else {\n      var updater = addElementStyle(obj, options);\n      options.byIndex = i;\n      stylesInDOM.splice(i, 0, {\n        identifier: identifier,\n        updater: updater,\n        references: 1\n      });\n    }\n\n    identifiers.push(identifier);\n  }\n\n  return identifiers;\n}\n\nfunction addElementStyle(obj, options) {\n  var api = options.domAPI(options);\n  api.update(obj);\n\n  var updater = function updater(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n        return;\n      }\n\n      api.update(obj = newObj);\n    } else {\n      api.remove();\n    }\n  };\n\n  return updater;\n}\n\nmodule.exports = function (list, options) {\n  options = options || {};\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDOM[index].references--;\n    }\n\n    var newLastIdentifiers = modulesToDom(newList, options);\n\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n\n      var _index = getIndexByIdentifier(_identifier);\n\n      if (stylesInDOM[_index].references === 0) {\n        stylesInDOM[_index].updater();\n\n        stylesInDOM.splice(_index, 1);\n      }\n    }\n\n    lastIdentifiers = newLastIdentifiers;\n  };\n};","\"use strict\";\n\nvar memo = {};\n/* istanbul ignore next  */\n\nfunction getTarget(target) {\n  if (typeof memo[target] === \"undefined\") {\n    var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n      try {\n        // This will throw an exception if access to iframe is blocked\n        // due to cross-origin restrictions\n        styleTarget = styleTarget.contentDocument.head;\n      } catch (e) {\n        // istanbul ignore next\n        styleTarget = null;\n      }\n    }\n\n    memo[target] = styleTarget;\n  }\n\n  return memo[target];\n}\n/* istanbul ignore next  */\n\n\nfunction insertBySelector(insert, style) {\n  var target = getTarget(insert);\n\n  if (!target) {\n    throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n  }\n\n  target.appendChild(style);\n}\n\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction insertStyleElement(options) {\n  var element = document.createElement(\"style\");\n  options.setAttributes(element, options.attributes);\n  options.insert(element, options.options);\n  return element;\n}\n\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction setAttributesWithoutAttributes(styleElement) {\n  var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n\n  if (nonce) {\n    styleElement.setAttribute(\"nonce\", nonce);\n  }\n}\n\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction apply(styleElement, options, obj) {\n  var css = \"\";\n\n  if (obj.supports) {\n    css += \"@supports (\".concat(obj.supports, \") {\");\n  }\n\n  if (obj.media) {\n    css += \"@media \".concat(obj.media, \" {\");\n  }\n\n  var needLayer = typeof obj.layer !== \"undefined\";\n\n  if (needLayer) {\n    css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n  }\n\n  css += obj.css;\n\n  if (needLayer) {\n    css += \"}\";\n  }\n\n  if (obj.media) {\n    css += \"}\";\n  }\n\n  if (obj.supports) {\n    css += \"}\";\n  }\n\n  var sourceMap = obj.sourceMap;\n\n  if (sourceMap && typeof btoa !== \"undefined\") {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  } // For old IE\n\n  /* istanbul ignore if  */\n\n\n  options.styleTagTransform(css, styleElement, options.options);\n}\n\nfunction removeStyleElement(styleElement) {\n  // istanbul ignore if\n  if (styleElement.parentNode === null) {\n    return false;\n  }\n\n  styleElement.parentNode.removeChild(styleElement);\n}\n/* istanbul ignore next  */\n\n\nfunction domAPI(options) {\n  var styleElement = options.insertStyleElement(options);\n  return {\n    update: function update(obj) {\n      apply(styleElement, options, obj);\n    },\n    remove: function remove() {\n      removeStyleElement(styleElement);\n    }\n  };\n}\n\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElement) {\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css;\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild);\n    }\n\n    styleElement.appendChild(document.createTextNode(css));\n  }\n}\n\nmodule.exports = styleTagTransform;","import './normalize.css';\nimport './style.css';\n\nimport {\n  createToDoItemButton,\n  displayTodaysDate,\n  displayToDoInfo,\n  updateOptions,\n  removeChildrenOfContent,\n  displayBackButton,\n  displayDeleteButton,\n  createSortingDropdown,\n  createHeader,\n  removeHeader,\n} from './modules/dom-manipulation';\n\nimport {\n  createToDoItemButtonLogic,\n  taskDisplayLogic,\n  backButtonLogic,\n  deleteButtonLogic,\n  sortingAndDisplayOfTasksLogic,\n} from './modules/event-handler';\n\nexport {\n  populateDropdownMenu,\n  resetAndPopulateArray,\n  addOptions,\n  createObject,\n  todoArray,\n  getTodaysDate,\n  createID,\n  goToMainScreen,\n  goToTaskScreen,\n  findPriorities,\n  priorityOrder,\n  alphaOrder,\n  reverseAlphaOrder,\n  projectOrder,\n  dueDateOrder,\n  header,\n};\n\n//? **`` Initial functions to be ran\nlet todoArray = [];\n\ncreateHeader();\nconst header = document.querySelector('header');\n\ngoToMainScreen();\n\n//* **`` FUNCTIONS ``**\n\n//? **`` Sorts the array by priority\nfunction priorityOrder() {\n  return todoArray.sort((a, b) => (a.priority > b.priority ? 1 : -1));\n}\n\n//? **`` Sorts the array by alphabetical A-Z\nfunction alphaOrder() {\n  return todoArray.sort((a, b) => (a.task > b.task ? 1 : -1));\n}\n\n//? **`` Sorts the array by reverse alphabetical Z-A\nfunction reverseAlphaOrder() {\n  return todoArray.sort((a, b) => (a.task < b.task ? 1 : -1));\n}\n\n//? **`` Sorts the array by project\nfunction projectOrder() {\n  return todoArray.sort((a, b) => (a.project > b.project ? 1 : -1));\n}\n\n//? **`` Sorts the array by due date\nfunction dueDateOrder() {\n  return todoArray.sort((a, b) => (a.date > b.date ? 1 : -1));\n}\n\nfunction findPriorities() {\n  //? **``This finds all the 'priority' attributes, spreads the node list into an array, and returns the one thats checked.\n  const checked = [...document.querySelectorAll('[name=\"priority\"]')].find(\n    (priority) => priority.checked\n  );\n  return checked.value;\n}\n\nfunction goToMainScreen() {\n  removeChildrenOfContent();\n\n  createSortingDropdown();\n  sortingAndDisplayOfTasksLogic();\n\n  createToDoItemButton();\n  createToDoItemButtonLogic();\n\n  displayTodaysDate();\n\n  taskDisplayLogic();\n}\n\nfunction goToTaskScreen(ID) {\n  removeChildrenOfContent();\n  removeHeader();\n  //? **`` Filters through all objects in the array and returns a new array with the object that matches the ID\n  const currentObjArray = todoArray.filter((object) => ID == object.idNumber);\n  //? **`` Loops through the object and passes the key/value pairs to the display function\n  Object.entries(currentObjArray[0]).map(([key, value]) => {\n    displayToDoInfo(key, value);\n  });\n  displayBackButton();\n  backButtonLogic();\n  displayDeleteButton();\n  deleteButtonLogic(ID);\n}\n\nfunction createID() {\n  //? **`` This loops forever, and when we find that the random number does NOT match any ID numbers in the objects within the array, then we kill the loop and return the new unique number\n  while (true) {\n    const randomNumber =\n      Math.floor(Math.random() * (999999 - 100000 + 1)) + 100000;\n    if (!todoArray.some((obj) => obj.idNumber === randomNumber)) {\n      return randomNumber;\n    }\n  }\n}\n\nfunction getTodaysDate() {\n  const date = new Date();\n  //? **`` These are the date formatting options\n  const dateOptions = { month: 'short', day: 'numeric' };\n  const todaysDate = date.toLocaleDateString(undefined, dateOptions);\n  return todaysDate;\n}\n\n//? **`` Adds the new projects as options to the select dropdown\nfunction populateDropdownMenu() {\n  //? **`` Loops through each object in the array\n  todoArray.map((objs) => {\n    //? **`` As it loops, it checks to make sure each objects project name doesn't already exist in the dropdown list\n    const optionNodeList = document.querySelectorAll(\n      '#dropdownProjectMenu > option'\n    );\n    const duplicateCheck = [...optionNodeList].some(\n      (oppies) => oppies.innerText === objs.project\n    );\n    //? **`` If there are no duplicates, it fills the dropdown menu with the project names\n    if (!duplicateCheck) {\n      const newOption = document.createElement('option');\n      dropdownProjectMenu.appendChild(newOption);\n      newOption.setAttribute('value', objs.project);\n      newOption.innerText = objs.project;\n    }\n  });\n}\n\n//? **`` Updates the select dropdown options with the 'Create New Project' value\nfunction addOptions(newProjectField) {\n  const optionNodeList = document.querySelectorAll(\n    '#dropdownProjectMenu > option'\n  );\n  //? **`` Big \"if statement\" !!\n  if (\n    //? **`` Turns the node list into an array then checks for duplicate project names. Notice the \"bang\" mark at the beginning saying \"if this is NOT true...\"\n    ![...optionNodeList].some(\n      (option) => newProjectField.value == option.innerText\n    )\n  ) {\n    //? **`` If there are no duplicates, it adds it to the select dropdown\n    updateOptions(newProjectField);\n    //? **`` Automatically sets dropdown menu to last created new project\n    document.querySelector('#dropdownProjectMenu').value =\n      document.querySelector('#dropdownProjectMenu > option:last-child').value;\n  }\n}\n\n//? **`` Takes the values from local storage, clears the ToDo Array, and adds them to the front of the array\nfunction resetAndPopulateArray() {\n  if (localStorage.length !== 0) {\n    todoArray = [];\n    for (const [key, value] of Object.entries(localStorage)) {\n      todoArray.unshift(JSON.parse(value));\n    }\n  }\n}\n\n//? **`` Factory function that creates a new object of all the form values\nfunction createObject(project, task, date, priority, notes, idNumber) {\n  return { project, task, date, priority, notes, idNumber };\n}\n","import { populateDropdownMenu, getTodaysDate, header } from '../index';\nimport { backButtonLogic } from './event-handler';\n\nexport {\n  createToDoItemButton,\n  makeForm,\n  displayTodaysDate,\n  removeChildrenOfContent,\n  removeHeader,\n  displayTask,\n  displayToDoInfo,\n  updateOptions,\n  displayBackButton,\n  displayDeleteButton,\n  displayWarning,\n  createSortingDropdown,\n  clearTasks,\n  createHeader,\n};\n\nconst body = document.querySelector('body');\nconst content = document.querySelector('.content');\n\nfunction createHeader() {\n  body.prepend(document.createElement('header'));\n}\n\n//? **`` Finds all the tasks, spreads them into an array, then cycles thru them and removes them from display\nfunction clearTasks() {\n  [...document.querySelectorAll('.task')].map((task) => task.remove());\n}\n\n//? **`` Creates the sorting dropdown menu and all it's options\nfunction createSortingDropdown() {\n  const sortingDiv = document.createElement('div');\n  sortingDiv.classList.add('sorting');\n  header.prepend(sortingDiv);\n\n  const sortingDropdown = document.createElement('select');\n  sortingDropdown.setAttribute('id', 'sortingDropdown');\n  sortingDropdown.setAttribute('name', 'sortingDropdown');\n  const sortingDropdownLabel = document.createElement('label');\n  sortingDropdownLabel.innerText = 'Sort Tasks: ';\n  sortingDropdownLabel.setAttribute('for', 'sortingDropdown');\n\n  sortingDiv.prepend(sortingDropdownLabel, sortingDropdown);\n\n  const initialOption = document.createElement('option');\n  initialOption.setAttribute('value', '');\n  initialOption.setAttribute('disabled', '');\n  initialOption.setAttribute('selected', '');\n  initialOption.innerText = '--sort by--';\n\n  const priorityOption = document.createElement('option');\n  priorityOption.setAttribute('value', 'priority');\n  priorityOption.innerText = 'priority';\n\n  const alphaOption = document.createElement('option');\n  alphaOption.setAttribute('value', 'A-Z');\n  alphaOption.innerText = 'A-Z';\n\n  const reverseAlphaOption = document.createElement('option');\n  reverseAlphaOption.setAttribute('value', 'Z-A');\n  reverseAlphaOption.innerText = 'Z-A';\n\n  const projectOption = document.createElement('option');\n  projectOption.setAttribute('value', 'project');\n  projectOption.innerText = 'project';\n\n  const dueOption = document.createElement('option');\n  dueOption.setAttribute('value', 'due-date');\n  dueOption.innerText = 'due date';\n\n  sortingDropdown.append(\n    initialOption,\n    priorityOption,\n    alphaOption,\n    reverseAlphaOption,\n    projectOption,\n    dueOption\n  );\n}\n\n//? **`` Creates a new <option> element and sets it as the new project value\nfunction updateOptions(newProjectField) {\n  const getDropdownMenu = document.querySelector('#dropdownProjectMenu');\n  const makeOption = document.createElement('option');\n\n  makeOption.setAttribute('value', newProjectField.value);\n  makeOption.innerText = newProjectField.value;\n  getDropdownMenu.appendChild(makeOption);\n}\n\n//? **`` Shows the date\nfunction displayTodaysDate() {\n  const today = getTodaysDate();\n  const dateDiv = document.createElement('div');\n  dateDiv.innerText = today + ' • today';\n  header.prepend(dateDiv);\n}\n\n//? **`` Creates the 'Add ToDo' icon button\nfunction createToDoItemButton() {\n  const newToDoButton = document.createElement('div');\n  newToDoButton.classList.add('new-todo-button');\n  header.prepend(newToDoButton);\n\n  //? **`` This icon is linked from Google in the HTML head\n  const newTaskIcon = document.createElement('span');\n  newTaskIcon.classList.add('material-symbols-outlined');\n  newTaskIcon.innerText = ' add_circle ';\n  newToDoButton.append(newTaskIcon);\n}\n\n//? **`` Creates the form that takes all the todo info\nfunction makeForm() {\n  const formWrapper = document.createElement('div');\n  formWrapper.classList.add('form-wrapper');\n  content.prepend(formWrapper);\n\n  const form = document.createElement('form');\n  form.setAttribute('action', '');\n  form.setAttribute('method', 'get');\n  formWrapper.prepend(form);\n\n  //? **`` Dropdown select\n  const dropdownWrapper = document.createElement('div');\n  dropdownWrapper.classList.add('input-wrapper');\n  form.append(dropdownWrapper);\n\n  const dropdownProjectMenu = document.createElement('select');\n  dropdownProjectMenu.setAttribute('id', 'dropdownProjectMenu');\n  dropdownProjectMenu.setAttribute('name', 'dropdownProjectMenu');\n\n  const dropdownProjectMenuLabel = document.createElement('label');\n  dropdownProjectMenuLabel.innerText = 'Assign To Project';\n  dropdownProjectMenuLabel.setAttribute('for', 'dropdownProjectMenu');\n  dropdownWrapper.append(dropdownProjectMenuLabel, dropdownProjectMenu);\n\n  const defaultOption = document.createElement('option');\n  defaultOption.setAttribute('value', 'Default Project');\n  defaultOption.innerText = 'Default Project';\n  dropdownProjectMenu.appendChild(defaultOption);\n\n  //? **`` Create new project\n  const newProjectWrapper = document.createElement('div');\n  newProjectWrapper.classList.add('input-wrapper');\n  form.append(newProjectWrapper);\n\n  const newProjectTitle = document.createElement('input');\n  newProjectTitle.setAttribute('type', 'text');\n  newProjectTitle.setAttribute('id', 'newproject');\n  newProjectTitle.setAttribute('name', 'newproject');\n  const newProjectLabel = document.createElement('label');\n  newProjectLabel.innerText = 'Or Create New Project';\n  newProjectLabel.setAttribute('for', 'newproject');\n  newProjectWrapper.append(newProjectLabel, newProjectTitle);\n\n  const projectButton = document.createElement('button');\n  projectButton.innerText = 'Create New Project';\n  projectButton.classList.add('project-button');\n  form.append(projectButton);\n\n  //? **`` New todo title\n  const todoTaskWrapper = document.createElement('div');\n  todoTaskWrapper.classList.add('input-wrapper');\n  form.append(todoTaskWrapper);\n\n  const todoTask = document.createElement('input');\n  todoTask.setAttribute('type', 'text');\n  todoTask.setAttribute('id', 'task');\n  todoTask.setAttribute('name', 'task');\n  const taskLabel = document.createElement('label');\n  taskLabel.innerText = 'ToDo Task';\n  taskLabel.setAttribute('for', 'task');\n  todoTaskWrapper.append(taskLabel, todoTask);\n\n  //? **`` Due date\n  const todoDateWrapper = document.createElement('div');\n  todoDateWrapper.classList.add('input-wrapper');\n  form.append(todoDateWrapper);\n\n  const todoDate = document.createElement('input');\n  todoDate.setAttribute('type', 'date');\n  todoDate.setAttribute('id', 'date');\n  todoDate.setAttribute('name', 'date');\n  const dateLabel = document.createElement('label');\n  dateLabel.innerText = 'Due Date';\n  dateLabel.setAttribute('for', 'date');\n  todoDateWrapper.append(dateLabel, todoDate);\n\n  //? **`` Priority\n  const priorityWrapper = document.createElement('div');\n  priorityWrapper.classList.add('priority-wrapper');\n  form.append(priorityWrapper);\n\n  const p1Wrapper = document.createElement('div');\n  p1Wrapper.classList.add('p-wrapper');\n  priorityWrapper.append(p1Wrapper);\n\n  const radioPriority1 = document.createElement('input');\n  radioPriority1.setAttribute('type', 'radio');\n  radioPriority1.setAttribute('id', 'P1');\n  radioPriority1.setAttribute('name', 'priority');\n  radioPriority1.setAttribute('value', 'P1');\n  const labelPriority1 = document.createElement('label');\n  labelPriority1.innerText = 'P1';\n  labelPriority1.setAttribute('for', 'P1');\n  p1Wrapper.append(labelPriority1, radioPriority1);\n\n  const p2Wrapper = document.createElement('div');\n  p2Wrapper.classList.add('p-wrapper');\n  priorityWrapper.append(p2Wrapper);\n\n  const radioPriority2 = document.createElement('input');\n  radioPriority2.setAttribute('type', 'radio');\n  radioPriority2.setAttribute('id', 'P2');\n  radioPriority2.setAttribute('name', 'priority');\n  radioPriority2.setAttribute('value', 'P2');\n  const labelPriority2 = document.createElement('label');\n  labelPriority2.innerText = 'P2';\n  labelPriority2.setAttribute('for', 'P2');\n  p2Wrapper.append(labelPriority2, radioPriority2);\n\n  const p3Wrapper = document.createElement('div');\n  p3Wrapper.classList.add('p-wrapper');\n  priorityWrapper.append(p3Wrapper);\n\n  const radioPriority3 = document.createElement('input');\n  radioPriority3.setAttribute('type', 'radio');\n  radioPriority3.setAttribute('id', 'P3');\n  radioPriority3.setAttribute('name', 'priority');\n  radioPriority3.setAttribute('value', 'P3');\n  const labelPriority3 = document.createElement('label');\n  labelPriority3.innerText = 'P3';\n  labelPriority3.setAttribute('for', 'P3');\n  p3Wrapper.append(labelPriority3, radioPriority3);\n\n  const p4Wrapper = document.createElement('div');\n  p4Wrapper.classList.add('p-wrapper');\n  priorityWrapper.append(p4Wrapper);\n\n  const radioPriority4 = document.createElement('input');\n  radioPriority4.setAttribute('type', 'radio');\n  radioPriority4.setAttribute('id', 'P4');\n  radioPriority4.setAttribute('name', 'priority');\n  radioPriority4.setAttribute('value', 'P4');\n  radioPriority4.setAttribute('checked', '');\n  const labelPriority4 = document.createElement('label');\n  labelPriority4.innerText = 'P4';\n  labelPriority4.setAttribute('for', 'P4');\n  p4Wrapper.append(labelPriority4, radioPriority4);\n\n  //? **`` Additional notes\n  const notesWrapper = document.createElement('div');\n  notesWrapper.classList.add('input-wrapper');\n  form.append(notesWrapper);\n\n  const notes = document.createElement('textarea');\n  notes.setAttribute('id', 'notes');\n  notes.setAttribute('name', 'notes');\n  const notesLabel = document.createElement('label');\n  notesLabel.innerText = 'Notes';\n  notesLabel.setAttribute('for', 'notes');\n  notesWrapper.append(notesLabel, notes);\n\n  //? **`` Create new todo button\n  const todoButton = document.createElement('button');\n  todoButton.innerText = 'Add ToDo';\n  todoButton.classList.add('todo-button');\n\n  //? **`` Go back button\n  const button = document.createElement('button');\n  button.innerText = 'Go Back';\n  button.classList.add('back');\n\n  form.append(todoButton, button);\n\n  populateDropdownMenu();\n  backButtonLogic();\n}\n\n//? **`` Loops through the array and for each object it creates a div, puts the task name on it, adds a class, sets the object's ID number to the element ID, and displays it\nfunction displayTask(array) {\n  array.map((obj) => {\n    const div = document.createElement('div');\n    div.innerText = `${obj.task}`;\n    div.classList.add('task');\n    div.setAttribute('id', obj.idNumber);\n    content.appendChild(div);\n  });\n}\n\n//? **`` Displays the object key/value pair except for the ID Number\nfunction displayToDoInfo(key, value) {\n  //? **`` This makes sure it doesn't display the 'IDNumber' value from the object\n  if (key !== 'idNumber') {\n    const paragraph = document.createElement('p');\n    paragraph.innerText = `${key}: ${value}`;\n    content.appendChild(paragraph);\n  }\n}\n\n//? **`` Creates a 'go back' button\nfunction displayBackButton() {\n  const button = document.createElement('button');\n  button.innerText = 'Go Back';\n  button.classList.add('back');\n  content.appendChild(button);\n}\n\n//? **`` Creates a 'delete' button\nfunction displayDeleteButton() {\n  const button = document.createElement('button');\n  button.innerText = 'Delete';\n  button.classList.add('delete');\n  content.appendChild(button);\n}\n\n//? **`` Creates a warning screen when trying to delete a task\nfunction displayWarning() {\n  const div = document.createElement('div');\n  div.classList.add('warning');\n  content.appendChild(div);\n\n  const paragraph = document.createElement('p');\n  paragraph.innerText = 'Are you sure?';\n  div.appendChild(paragraph);\n\n  const backButton = document.createElement('button');\n  backButton.innerText = 'Go Back';\n  backButton.classList.add('warning-back');\n  div.appendChild(backButton);\n\n  const deleteButton = document.createElement('button');\n  deleteButton.innerText = 'Delete';\n  deleteButton.classList.add('warning-delete');\n  div.appendChild(deleteButton);\n}\n\n//? **`` Removes all the elements within the main \"content\" class element\nfunction removeChildrenOfContent() {\n  while (content.firstChild) {\n    content.removeChild(content.firstChild);\n  }\n}\n\nfunction removeHeader() {\n  while (header.firstChild) {\n    header.removeChild(header.firstChild);\n  }\n}\n","import {\n  resetAndPopulateArray,\n  addOptions,\n  createObject,\n  todoArray,\n  createID,\n  goToMainScreen,\n  goToTaskScreen,\n  findPriorities,\n  priorityOrder,\n  alphaOrder,\n  reverseAlphaOrder,\n  projectOrder,\n  dueDateOrder,\n} from '../index';\n\nimport {\n  makeForm,\n  removeChildrenOfContent,\n  displayWarning,\n  displayTask,\n  clearTasks,\n  removeHeader,\n} from './dom-manipulation';\n\nexport {\n  createToDoItemButtonLogic,\n  addToDoButtonLogic,\n  taskDisplayLogic,\n  backButtonLogic,\n  deleteButtonLogic,\n  sortingAndDisplayOfTasksLogic,\n};\n\n//? **`` Displays the tasks by the chosen order\nfunction sortingAndDisplayOfTasksLogic() {\n  resetAndPopulateArray();\n  //? **`` The initial task display\n  displayTask(todoArray);\n  //? **`` Listens for changes in the sorting dropdown menu\n  document.querySelector('#sortingDropdown').addEventListener('change', (e) => {\n    const sortValue = document.querySelector('#sortingDropdown').value;\n    //? **`` Removes the displayed tasks\n    clearTasks();\n    //? **`` Reorders the tasks based on the user selection and displays them again in the new order\n    switch (sortValue) {\n      case 'priority':\n        displayTask(priorityOrder());\n        break;\n\n      case 'A-Z':\n        displayTask(alphaOrder());\n        break;\n\n      case 'Z-A':\n        displayTask(reverseAlphaOrder());\n        break;\n\n      case 'project':\n        displayTask(projectOrder());\n        break;\n\n      case 'due-date':\n        displayTask(dueDateOrder());\n        break;\n    }\n    //? **`` Adds the logic back to the new task order to display each task's info\n    taskDisplayLogic();\n  });\n}\n\n//? **`` This is the 'delete task' warning screen's 'Delete' button logic. It removes the object from the array and returns you to the main screen\nfunction warningDeleteButtonLogic(ID) {\n  document.querySelector('.warning-delete').addEventListener('click', (e) => {\n    // //? **`` Loops through the array and grabs each object and it's index position\n    todoArray.map((object, index) => {\n      //? **`` If the task ID number to be deleted matches an ID in an object, that object is removed from local storage and the array and you're returned to the main screen\n      if (ID == object.idNumber) {\n        localStorage.removeItem(ID);\n        todoArray.splice(index, 1);\n        goToMainScreen();\n      }\n    });\n  });\n}\n\n//? **`` This is the 'delete task' warning screen's 'Go Back' button logic. It takes you back to the task screen.\nfunction warningBackButtonLogic(ID) {\n  document.querySelector('.warning-back').addEventListener('click', (e) => {\n    goToTaskScreen(ID);\n  });\n}\n\n//? **`` Clicking the delete button clears the screen and brings up a warning\nfunction deleteButtonLogic(ID) {\n  document.querySelector('.delete').addEventListener('click', (e) => {\n    removeChildrenOfContent();\n    displayWarning();\n    warningBackButtonLogic(ID);\n    warningDeleteButtonLogic(ID);\n  });\n}\n\n//? **`` Clicking the back button takes you back to the starting screen\nfunction backButtonLogic() {\n  document.querySelector('.back').addEventListener('click', (e) => {\n    e.preventDefault();\n    goToMainScreen();\n  });\n}\n\n//? **`` The logic that allows you to display the info from the task you clicked on\nfunction taskDisplayLogic() {\n  //? **`` Turns your query node list into an array, loops thru each 'task' class, adds a listener to each 'task' class\n  [...document.querySelectorAll('.task')].map((task) => {\n    task.addEventListener('click', (e) => {\n      //? **`` Gets the ID from the html element and uses it as the argument\n      goToTaskScreen(e.target.id);\n    });\n  });\n}\n\n//? **`` This removes the main button, creates the form, then applies the logic to the two buttons within the form.\nfunction createToDoItemButtonLogic() {\n  document.querySelector('.new-todo-button').addEventListener('click', (e) => {\n    e.preventDefault();\n    removeHeader();\n    removeChildrenOfContent();\n    makeForm();\n    addToDoButtonLogic();\n    addNewProjectButtonLogic();\n  });\n}\n\n//? **`` This gets all the values from the form, puts the values into their own object, puts the object into the main array, displays all the values, removes the form, displays the main 'ToDo button', and applies the logic to the button.\nfunction addToDoButtonLogic() {\n  document.querySelector('.todo-button').addEventListener('click', (e) => {\n    e.preventDefault();\n    //? **`` Assigns all the form values to their own variables\n    const project = document.querySelector('#dropdownProjectMenu').value;\n    const task = document.querySelector('#task').value;\n    const date = document.querySelector('#date').value;\n    const notes = document.querySelector('#notes').value;\n    const priority = findPriorities();\n    const idNumber = createID();\n\n    //? **`` If the task field is empty, nothing happens.\n    if (task == '') return;\n\n    //? **`` Takes all the form values, turns them into a new object, and turns the object into it's own variable\n    const newObject = createObject(\n      project,\n      task,\n      date,\n      priority,\n      notes,\n      idNumber\n    );\n\n    //? **`` This populates the local storage with the newly created object.\n    localStorage.setItem(newObject.idNumber, JSON.stringify(newObject));\n\n    resetAndPopulateArray();\n\n    goToMainScreen();\n  });\n}\n\n//? **`` This gets the value for a new project, then populates the select field with the new project.\nfunction addNewProjectButtonLogic() {\n  document.querySelector('.project-button').addEventListener('click', (e) => {\n    e.preventDefault();\n    let newProjectField = document.querySelector('#newproject');\n\n    //? **`` Returns if nothing is added to the new project field\n    if (newProjectField.value === '') {\n      return;\n    }\n\n    addOptions(newProjectField);\n\n    //? **`` resets 'create new project' input field\n    newProjectField.value = '';\n  });\n}\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nc = undefined;","","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./src/index.js\");\n",""],"names":[],"sourceRoot":""}
+>>>>>>> branch-1