abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{background:#0000;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:initial}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{background:#0000;font-size:100%;margin:0;padding:0;vertical-align:initial}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}input,select{vertical-align:middle}li{list-style:none}html{scroll-behavior:smooth}:root{--black-color:#000;--white-color:#fff}main{align-items:center;display:flex;flex-direction:column}::-webkit-scrollbar{width:.625rem}::-webkit-scrollbar-thumb{background:#a6a6a6;border-radius:.375rem}::-webkit-scrollbar-thumb:hover{background:#4d4d4d}::-webkit-input-placeholder{color:#6a6a6a}input[type=text]{font-size:1rem}input[type=text]:focus{border:none;outline:none}#light{background-color:#fff;color:#000}#dark{background-color:#131a1c;color:#fff}main{height:96%}.home-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;width:80%}.home-container h1{color:#605f5f;font-size:2rem;font-weight:700;padding:2rem}.inner-home-container{align-items:center;display:flex;justify-content:space-evenly;width:80%}.inner-home-container a{background-color:#feefc3;border-radius:10px;color:#000;color:#1f1f1f;font-size:1rem;margin-left:12px;padding:1rem;text-decoration:none}.inner-home-container a:hover{background-color:#fbe5a5}body{background-color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.s{align-items:center;background-color:#f4f7fc;display:flex;height:100vh;justify-content:center}.form{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-width:400px;padding:30px;width:100%}.form h1{color:#333;font-size:1.5rem;margin-bottom:20px;text-align:center}.inputfield{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:1rem;margin:10px 0;padding:12px;transition:border-color .3s ease;width:100%}.inputfield:focus{border-color:#4caf50;outline:none}.submit{margin-top:20px;text-align:center}.login{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;padding:12px;transition:background-color .3s ease;width:100%}.login:hover{background-color:#45a049}@media (max-width:600px){.form{padding:20px}.login{font-size:1rem}}.strength{color:#242424;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin-left:1.5em;margin-top:1.3em;text-transform:capitalize}.bars{align-items:center;background:#000;display:flex;gap:8px;margin:1.3em}.bars,.bars div{border-radius:3px;height:6px}.bars div{transition:.4s;width:0}.bars.Weak div{background-color:red;width:33.33%}.bars.Fair div{background-color:#e57878;width:45.33%}.bars.Medium div{background-color:#78a5e5;width:66.66%}.bars.Strong div{background-color:#00d9ff;width:100%}.add-note{border:1px solid #aeaeae;border-radius:10px;box-shadow:0 0 10px #4f4f4f4d;display:flex;flex-direction:column;margin:2rem;padding:1rem;width:50%}.add-note input{border:none;padding:.5rem}#note-expand-checkbox{display:none}label{cursor:pointer}.add-note #btn-add-note{cursor:pointer;font-size:1rem;font-weight:700;width:-moz-fit-content;width:fit-content}#btn-add-note,#content-input,#title-input{display:none}#note-expand-checkbox:checked~#btn-add-note,#note-expand-checkbox:checked~#content-input,#note-expand-checkbox:checked~#title-input{display:block}#note-expand-checkbox:checked+label:before{content:"X";font-weight:700;left:97%;position:relative}#note-expand-checkbox:not(:checked)+label:before{content:"Take a Note"}.notes{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));justify-content:center;padding:2rem;width:80%}.note{border:1px solid #aeaeae;border-radius:10px;height:-moz-fit-content;height:fit-content;height:10rem;max-width:15rem;overflow:auto;padding:1.5rem;position:relative}.note img{display:none;position:absolute;right:10%;top:10%}.note img:hover,.note:hover{cursor:pointer}.note:hover{box-shadow:0 0 10px #0000004d}.note:hover>img{display:block}.note p{padding:1rem 0}.note::-webkit-scrollbar{width:.4rem}.note::-webkit-scrollbar-thumb{background:#a6a6a6;border-radius:.375rem}.note::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.375rem;margin-bottom:1rem;margin-top:1rem}.note::-webkit-scrollbar-thumb:hover{background:#606060}#sidebar-checkbox{display:none}#sidebar-close,#sidebar-hamburger{left:0;position:fixed;z-index:2}#sidebar-checkbox:checked~#sidebar-hamburger,#sidebar-close{display:none}#sidebar-checkbox:checked~#sidebar-close{display:block}.sidebar{display:none}#sidebar-checkbox:checked~.sidebar{display:block;height:87vh;left:0;position:fixed;width:20%;z-index:1}#sidebar-checkbox:checked~#sidebar-close{left:17%}.sidebar ul{padding:2rem}.sidebar ul li{padding:1rem 2rem}.sidebar ul li:hover{background-color:#adf3ff;border-radius:20px;color:#000;cursor:pointer}@media (max-width:768px){#sidebar-hamburger{display:block}#sidebar-close{display:none}.sidebar{width:100%}#sidebar-checkbox:checked~.sidebar{left:0;width:100%}}header{background-color:#fff;height:10%;justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:2}header,header .brand{align-items:center;display:flex}header .brand img{width:2rem}header p{color:#464646;font-size:2rem;margin-left:auto;padding-right:1rem}header .brand p{padding-left:1rem}hr{margin:0}header a{background-color:#feefc3;border-radius:20px;color:#464646;font-size:1.5rem;font-weight:200;padding:1rem 1.5rem;text-decoration:none}header a:hover{background-color:#fbe5a5}@media (max-width:768px){header{flex-direction:column;padding:1rem}header .brand{margin-bottom:1rem}header p{margin:1rem 0}}.modes{display:flex;gap:10px;padding:15px}.edit-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:2rem auto;max-width:600px;padding:2rem;width:100%}.edit-container h1{color:#464646;font-size:2rem;margin-bottom:1.5rem;text-align:center}.edit-container form{align-items:center;display:flex;flex-direction:column}.edit-container input,.edit-container textarea{border:1px solid #b4b4b4;border-radius:6px;box-sizing:border-box;font-size:1rem;margin-bottom:1rem;padding:12px;transition:border-color .3s,box-shadow .3s;width:90%}.edit-container textarea{height:200px}.edit-container input:focus,.edit-container textarea:focus{border-color:#4caf50;box-shadow:0 0 10px #3a3a3a4d;outline:none}.edit-done{background-color:#feefc3;border-radius:30px;color:#464646;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:bolder;margin-top:1rem;padding:1rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .3s ease}.edit-done:hover{background-color:#fbe5a5}@media (max-width:600px){.edit-container{padding:1.5rem;width:90%}.edit-content,.edit-title{width:100%}.edit-done{font-size:1rem;width:100%}}.wrappertodo{margin-top:5%}.newtodoContainer{width:100%}.but{cursor:pointer;height:2rem;margin-right:21px;width:2rem}.wrappertodo form input[type=text]{background-color:none;border:0;border-radius:10px;padding:5px 4px}.task{border-radius:10px;cursor:pointer;display:flex;margin-top:10px;max-width:100%;min-width:10rem;padding:17px;position:relative;width:auto}.listoftasks{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}div.task.done{text-decoration:line-through}.task svg{margin-right:14px}.trash{cursor:pointer;height:20px;position:absolute;right:15%;width:20px}
/*# sourceMappingURL=main.f10fc6d5.css.map*/