@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300&display=swap);
/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}body,html{background-color:#212121;background-color:var(--dark-black);color:#e0d6c4;color:var(--wheat);font-family:Source Code Pro,monospace;font-size:16px;max-height:100%;width:100%}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.relative{position:relative}.z-10{z-index:10}.m-auto{margin:auto}.m-4{margin:1rem}.m-0{margin:0}.my-4{margin-bottom:1rem;margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.ml-1{margin-left:.25rem}.mt-2{margin-top:.5rem}.mt-1{margin-top:.25rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.max-h-48{max-height:12rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-xs{max-width:20rem}.max-w-prose{max-width:65ch}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;appearance:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-none{border-style:none}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.border-zinc-700{--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity))}.border-\[var\(--dark-black\)\]{border-color:#212121;border-color:var(--dark-black)}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-transparent{background-color:initial}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity))}.bg-\[var\(--soft-black\)\]{background-color:#2e2b2b;background-color:var(--soft-black)}.p-4{padding:1rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.pt-6{padding-top:1.5rem}.pb-8{padding-bottom:2rem}.pr-3{padding-right:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.accent-zinc-300{accent-color:#d4d4d8}.opacity-80{opacity:.8}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--soft-black:#2e2b2b;--dark-black:#212121;--wheat:#e0d6c4;--main-orange:#b94908;--middle-orange:#d6611d;--soft-orange:#d3852b;--orange-dark:#915f02;--red-wheat:#eec8c3;--red-danger:#c934349f;--red-danger-hover:#c93434}::-webkit-scrollbar{width:.7em}::-webkit-scrollbar-track{background:rgba(3,8,17,.81);border-radius:100vw}::-webkit-scrollbar-thumb{background:#915f02;background:var(--orange-dark);border-radius:100vw}::-webkit-scrollbar-thumb:hover{background:#4e6173}@supports (scrollbar-color:red blue){*{scrollbar-color:hsla(220 67% 4% .81/1) rgba(186,134,38,.782)}}*{box-sizing:border-box;margin:0;padding:0}footer svg{display:inline}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:bg-neutral-800:hover{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity))}.hover\:text-orange-200:hover{--tw-text-opacity:1;color:rgb(254 215 170/var(--tw-text-opacity))}.hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.hover\:text-gray-800:hover{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.hover\:opacity-90:hover{opacity:.9}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity))}@media (min-width:640px){.sm\:inline{display:inline}}footer{align-items:center;background-color:var(--soft-black);bottom:0;box-shadow:-4px 5px 3pc 2px #000;display:flex;gap:1em;justify-content:center;margin:0;padding:.5em;position:fixed;text-align:center;width:100%}footer a,footer p{color:var(--wheat);font-size:1em;margin:0;text-decoration:none}.gradient-link{--tw-gradient-from:#ec4899;--tw-gradient-to:rgba(236,72,153,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-stops:var(--tw-gradient-from),#facc15,var(--tw-gradient-to);--tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1));-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--tw-gradient-stops));color:transparent;-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);font-weight:700;position:relative}@supports (color:rgb(0 0 0/0)){.gradient-link{--tw-gradient-to:rgba(250,204,21,0)}}.gradient-link:hover{--tw-drop-shadow:drop-shadow(0 20px 13px rgba(0,0,0,.03)) drop-shadow(0 8px 5px rgba(0,0,0,.08));-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.gradient-link:before{--tw-content:"";--tw-gradient-from:#ec4899;--tw-gradient-to:rgba(236,72,153,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-stops:var(--tw-gradient-from),#facc15,var(--tw-gradient-to);--tw-gradient-to:#3b82f6;--tw-scale-x:0;background-image:linear-gradient(to right,var(--tw-gradient-stops));bottom:-.25rem;content:var(--tw-content);height:.125rem;left:0;position:absolute;-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));-webkit-transform-origin:left;transform-origin:left;transition-duration:.3s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}@supports (color:rgb(0 0 0/0)){.gradient-link:before{--tw-gradient-to:rgba(250,204,21,0)}}.gradient-link:hover:before{--tw-scale-x:1;content:var(--tw-content);-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.gradient-link{--tw-gradient-to:#3b82f6}@media screen and (max-width:850px){footer{font-size:.9em;gap:1em;padding:.3em}}.task-form{align-items:stretch;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 auto;width:100%}.task-input{background-color:var(--dark-black);border:2px solid var(--soft-black);border-radius:.3em;box-shadow:-4px 5px 0 0 #000;color:var(--wheat);font-size:1.1em;margin:.3em 0;min-width:0;outline:none;padding:.6em 1em;width:100%}.task-input:hover{box-shadow:7px -4px 0 0 #000}.task-btn{align-items:center;background-color:var(--soft-black);border:1px solid var(--soft-black);border-radius:.3em;box-shadow:-4px 5px 0 0 #000;color:var(--wheat);cursor:pointer;display:inline-flex;font-size:.9em;justify-content:center;max-width:100%;padding:.9em 1.1em;text-transform:capitalize;white-space:normal;word-break:break-word}.task-btn:hover{box-shadow:7px -4px 0 0 #000;font-weight:bolder;opacity:.9}@media screen and (min-width:900px){.task-input{flex:1 1 auto}.task-btn{width:auto}}.todo-app{align-items:center;display:flex;flex-wrap:wrap;height:100vh;justify-content:center;width:100%}.title-description{color:var(--wheat);font-size:1.1em;text-align:center}.todo-list-main{border-radius:.6em;box-shadow:-4px 5px 6pc 7px #000;flex-direction:column;gap:.4em;min-height:31em;padding:1.4em 1.4em 5em;position:absolute;top:15%;width:75%}.sharing-modal,.todo-list-main{align-items:center;display:flex}.sharing-modal{background-color:var(--dark-black);height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;touch-action:none;width:100%;z-index:11}.sharing-modal-content{align-items:center;background-color:var(--soft-black);border:1px solid var(--dark-black);border-radius:.5em;display:flex;flex-direction:column;gap:1em;opacity:1;padding:1em;text-align:center;width:85%}.dropdown-backdrop{background:rgba(0,0,0,.85);inset:0;position:fixed;z-index:20}.dropdown-panel{background:var(--soft-black);border:1px solid var(--dark-black);border-radius:.5em;box-shadow:0 10px 30px rgba(0,0,0,.6);left:50%;max-width:560px;padding:1em;position:fixed;top:40%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:85%;z-index:21}.text-sm{text-wrap-style:balance;font-size:.875rem;line-height:1.25rem;margin:0 auto}.share-btn-container{display:flex;gap:1em;justify-content:center;margin:.5em auto;width:100%}.back-btn-container{align-items:center;display:flex;justify-content:flex-start;width:100%}.back-btn{box-shadow:-2px 2px 0 0 #000;font-size:.85em;letter-spacing:normal;padding:.25em .8em;width:auto}.user-select{box-shadow:-4px 5px 0 0 #000;color:#b1afaf;cursor:pointer;font-size:.9em;margin:0 auto;padding:.5em}.user-select:hover{box-shadow:7px -4px 0 0 #000}.placeholder-option{background-color:var(--soft-black)}option:disabled{background-color:var(--dark-black);color:var(--dark-black)}.remove-button,.user-picker-container{align-items:center;display:flex}.remove-button{background:none;border:none;color:var(--red-danger-hover);cursor:pointer}.remove-button:hover{color:var(--red-wheat)}.share-btn{border:1px solid var(--dark-black);box-shadow:-4px 5px 0 0 #000;font-size:.9em;font-weight:700;letter-spacing:.4em;padding:.4em;text-shadow:1px 3px 4px #101d0a;width:100%}.share-btn:hover{box-shadow:7px -4px 0 0 #000;opacity:.9}.success{margin:1em;overflow-wrap:anywhere}.ko-fi-a{background:#ff6433;border-radius:0;opacity:.9;padding:0}.ko-fi-btn{border:0;height:2em}@media screen and (max-width:850px){.todo-app{align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:space-evenly}.todo-list-main{width:95%}.share-btn{width:100%}}.user-info{align-items:center;display:flex;gap:1em;justify-content:center}.user-info img{border-radius:50%;width:3em}.home-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.1fr .9fr;margin-top:.5rem;width:100%}.home-left,.home-right{align-items:stretch;display:flex;flex-direction:column;gap:.75rem;justify-content:center;min-width:0;padding:.5em}.user-select-wrapper{width:100%}.home-bottom{grid-column:1/-1;margin-top:.5rem;min-width:0}.home-bottom .task-list-container{grid-gap:.75rem;align-items:stretch;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.home-bottom .task-list-container>*{min-width:0}.home-bottom .recipient-email{overflow-wrap:anywhere;word-break:break-word}@media (max-width:900px){.home-grid{grid-template-columns:1fr}.share-btn-container{display:flex;justify-content:center;width:100%}.home-bottom .task-list-container{display:flex;flex-direction:column}}@media (min-width:900px){.home-left,.home-right{align-items:center}}.nav-container{background-color:var(--soft-black);justify-content:space-around;position:fixed;top:0;z-index:1}.nav-container,.navbar-logos{align-items:center;display:flex;max-width:100%;width:100%}.navbar-logos{box-shadow:-4px 5px 3pc 2px #000;gap:1em;justify-content:space-evenly}.navbar-logos h1{box-shadow:9px 11px 1pc 1px #000;color:var(--wheat);font-size:1.4em;font-weight:bolder;letter-spacing:.1em;padding:.3em;text-decoration:none;text-shadow:13px 20px 0 #ff843b8f}.navbar-logos h1:hover{box-shadow:-2px 1px 0 0 #8ada7fe0;text-shadow:13px 20px 0 #3bff658f}.txt-title-span{color:#d3852b;font-weight:700}.logo-img{background:transparent;border-radius:100%;box-shadow:-9px 1px 0 0 #000;margin:.5em;width:5em}.log-btn{background-color:var(--main-orange);box-shadow:9px 11px 1pc 1px #000;color:var(--wheat);cursor:pointer;font-weight:700}.log-btn:hover{background-color:var(--wheat);box-shadow:3px 7px 1pc 1px var(--dark-black);color:var(--dark-black)}.log-button a{color:var(--wheat);text-decoration:none}@media screen and (max-width:850px){.nav-container{flex-direction:column}.navbar-logos{justify-content:center;margin:0;padding-bottom:.5em}.navbar-logos h1{font-size:1em;padding-top:0}.logo-img{margin:0;width:4em}.log-button{margin:0}}.main-container{color:var(--wheat);display:flex;flex:0.4 1;flex-direction:column;justify-content:center;margin:.5em 0}.task-date{color:#6b7280;display:block;font-size:.85em;margin:6px 0 0;padding-left:2px;text-align:left}.todo-container{align-items:center;background-color:#b94908d1;box-shadow:-4px 5px 0 0 #000;cursor:pointer;display:flex;justify-content:space-between;margin:.4em auto;min-height:2.5em;padding:.6em 1em .6em 1.2em;width:100%}.todo-container:hover{box-shadow:-1px 0 1em 10px #d7693f}.todo-edit-input{height:100%;margin:0;width:100%}.todo-container-icons{display:flex;flex-direction:column;gap:1em;justify-content:center;margin:.5em}.todo-container:nth-child(3n+2){background-color:var(--middle-orange)}.todo-container:nth-child(3n+3){background-color:var(--soft-orange)}.todo-txt{align-items:center;display:flex;font-size:1.1em;font-weight:bolder;height:100%;overflow-wrap:anywhere;padding:1em;text-shadow:0 9px 20px var(--soft-black);width:100%}.todo-link,.todo-txt{color:var(--red-wheat)}.todo-link{text-decoration:underline}.todo-link:hover{text-decoration:none}.todo-icon{font-size:1em;margin:.5em}.todo-icon svg{border:1px solid #000}.todo-icon:nth-child(2n+2):hover{color:var(--red-wheat)}.todo-container.complete{background-color:var(--red-danger);box-shadow:-1px 0 1em 10px #d73f46;text-decoration:line-through}@media screen and (max-width:850px){.todo-container{padding:0;width:100%}}.task-list-container{display:flex;flex-direction:column;gap:.6rem;justify-content:flex-start;margin:.3em 0 3%;width:100%}.notes-link-container{width:85%}.modal-content{background-color:var(--soft-black);border:1px solid var(--dark-black);border-radius:.5em;box-shadow:9px 11px 1pc 1px #000;margin:0 auto;padding:1em;text-align:center;width:49%}.hide-modal{display:none}.show-modal{background-color:var(--dark-black);height:100vh;left:0;position:fixed;top:0;touch-action:none;z-index:11}.btn-container,.show-modal{align-items:center;display:flex;justify-content:center;width:100%}.btn-container{gap:1em;margin:1em 0 0}.btn-delete{background-color:var(--red-danger);box-shadow:9px 11px 1pc 1px #000;flex:2 1}.btn-delete:hover{background-color:var(--red-danger-hover);box-shadow:3px 7px 1pc 1px var(--dark-black)}.btn-cancel{background-color:var(--dark-black);box-shadow:9px 11px 1pc 1px #000;flex:1 1}.btn-cancel:hover{background-color:var(--soft-black);box-shadow:3px 7px 1pc 1px var(--dark-black)}.btn-cancel:hover,.btn-delete:hover{transition:ease-in-out}@media screen and (max-width:850px){.task-list-container{margin:.5em 0}.modal-content{width:70%}}
/*# sourceMappingURL=main.cef8daeb.css.map*/