a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,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,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{max-width:100vw;font-family:Arial,Helvetica,sans-serif;background-color:#ebebeb;color:#959595;transition:all 1s ease;overflow:hidden}h1,h3{color:#0c0b22}p{font-size:.8em}.container{background-color:#fff;width:400px;margin:-36px auto 0;height:100vh}header{width:60%;margin:0 auto 30px;padding-left:45px}.header-heading{font-size:1.3em;line-height:1.7em;padding-top:60px}.task-count{font-size:.8em;margin-bottom:20px}.header-p{display:inline;font-size:1em;margin-right:15px}.header-dropdown{border:none;border-bottom:1px solid #b6b6b6;width:160px}.header-dropdown:focus{outline:none}.header-dropdown option{padding:10px}.task-container{display:flex;padding:10px 10px 10px 45px;height:45px}.task-container:hover{background-color:#f1f1f1}.task-container:hover .task-container-checkbox,.task-container:hover svg{opacity:1}.task-container input{height:25px;width:25px}.task-text-date{width:100%;margin-left:30px;line-height:1.5em}.task-delete-button{padding-right:30px;font-size:1.5em;color:coral}.hidden{opacity:0}.task-list-container{overflow:auto;max-height:60vh;margin-bottom:30px}form input{border:none}form input:focus{outline:none}hr{width:78%;margin-left:48px;margin-top:3px}.user-controls__date{background-color:transparent;margin-top:15px;padding:0}.user-controls__date:active,.user-controls__date:focus{outline:none}.user-controls__text{margin-left:50px;background:transparent;padding:0}.user-controls__button{border:none;color:#fff;background-color:coral;margin:20px auto 0;border-radius:5px;padding:0;height:40px;width:80px;display:block;cursor:pointer}.user-controls__button:hover{background-color:#994d31}.no-tasks{padding-top:40px;padding-bottom:40px;text-align:center}.completed,.completed:hover{background-color:#f1f1f1}.completed .task-text{color:coral;text-decoration:line-through}.completed .task-container-checkbox{opacity:0}.toggle-container{margin:10px 0 0 10px}body.dark{background-color:#1a1818}body.dark h1,body.dark h3{color:#fff}body.dark .container{background:#242323;box-shadow:none}body.dark .task-container.completed,body.dark .task-container:hover{background-color:#181717}body.dark ::-webkit-input-placeholder{color:#fff}body.dark :-ms-input-placeholder{color:#fff}body.dark ::placeholder{color:#fff}body.dark .user-controls__date,body.dark .user-controls__text{color:#fff}body.dark ::-webkit-calendar-picker-indicator{-webkit-filter:invert(1);filter:invert(1)}
/*# sourceMappingURL=main.1bb4ce22.chunk.css.map */