main.css

html{font-family:'Ubuntu', sans-serif;opacity:0;transition:opacity 200ms;height:100%;margin:0;padding:0;border-top:solid 2px grey;border-left:solid 2px grey}html.loaded{opacity:1}body{height:100vh;margin:0;padding:0;overflow:hidden}h2{text-align:center;opacity:0.5}#task-list{list-style-type:none;margin:0;padding:0}#task-list li{cursor:pointer !important;padding:0.5em;margin:0.5em;color:#ccc}#task-list li .checkbox{display:inline-block;width:1em;height:1em;margin-right:1em;border:solid 2px #ccc;border-radius:0.25em;position:relative;top:0.25em;opacity:0;cursor:pointer !important}#task-list li .checkbox:hover{opacity:1}#task-list li:hover .checkbox{opacity:0.5}#task-list li input{background:none;border:none;color:#ccc;font-size:1em}#task-list li.finished{color:#ccc;position:relative}#task-list li.finished .checkbox{opacity:0}#task-list li.finished::after{border-bottom:0.125em solid #ccc;content:"";left:0;margin-top:0.25em;position:absolute;right:0;top:50%}button{color:#ccc;font-size:2em;font-weight:bolder;background:none;border:none;cursor:pointer !important;display:block;margin:auto;opacity:0.5}button:hover{opacity:1}.darktheme{background:black}.darktheme,.darktheme ul li,.darktheme button{color:#696969}.darktheme #task-list li.finished{color:#3f3f3f}.darktheme #task-list li.finished::after{border-color:#3f3f3f}.darktheme,.darktheme ul li .checkbox,.darktheme html{border-color:#cf1c1c}.darktheme button,.darktheme #task-list input{color:#cf1c1c}:not(input):not(textarea),:not(input):not(textarea)::after,:not(input):not(textarea)::before{-webkit-user-select:none;user-select:none;cursor:default}input,button,textarea,:focus{outline:none}