html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:sans-serif}nav ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{text-decoration:none}#app h1,#app input,#app a{transition:all .1s ease-in-out}#app h1 a{text-decoration:none}#app form input{background:#000;outline:#000}@font-face{font-family:'chivobold';src:url("../fonts/chivo-bold-webfont.woff2") format("woff2"),url("../fonts/chivo-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}html{font-size:16px;line-height:1.4444;-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;text-shadow:rgba(0,0,0,0.01) 0 0 1px;background:#fffaf2}h1{font-size:32px;font-family:"chivobold",sans-serif;margin-bottom:20px;color:#3A3EFF}p,li,a,input{font-family:"chivobold",sans-serif;font-size:1.1rem}::selection{background:#3a3eff;color:#fff}::-moz-selection{background:#3a3eff;color:#fff}@-webkit-keyframes clearbutton{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes clearbutton{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes clearbutton{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}*{outline:none}body{height:100vh;margin:0;padding:0;display:flex;align-items:center;align-content:center;justify-content:center;flex-flow:column wrap}#app{position:relative;z-index:0;margin:0 auto;max-width:420px;width:100%;border-radius:10px;background-color:rgba(0,0,0,0.05);height:420px;overflow:scroll}@media (max-width: 720px){#app{max-width:100%;height:100vh;border-radius:0px}}header{text-align:center;margin-bottom:20px;-webkit-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 720px){header{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;height:100vh;border-radius:0px;z-index:100;background:#fffaf2;display:flex;align-items:center;align-content:center;justify-content:center;flex-flow:column wrap}}form{position:relative;margin:0 auto;width:100%}form button{display:block;visibility:hidden;width:0px;padding:0;margin:0}form input#create{padding:15px;border:none;border-radius:0px;box-sizing:border-box;width:100%;color:rgba(0,0,0,0.3);background:transparent;font-size:1rem;-webkit-appearance:none !important;-webkit-style:none !important;transition:all .1s ease-in-out;outline:none;margin:-3px 0 0 0;position:sticky;bottom:0;left:0;right:0;z-index:200;opacity:1}form input#create ::-webkit-input-placeholder,form input#create ::-moz-placeholder,form input#create :-ms-input-placeholder,form input#create :-moz-placeholder{color:rgba(0,0,0,0.1)}form input#create:focus{color:#000;background-color:#f4eee8;opacity:1}form input#create:focus ::-webkit-input-placeholder,form input#create:focus ::-moz-placeholder,form input#create:focus :-ms-input-placeholder,form input#create:focus :-moz-placeholder{color:#000}.info{display:none;position:fixed;bottom:5px;left:5px;width:50px;height:50px;line-height:50px;font-size:25px}.clear{display:block;margin:0;font-weight:bold;outline:none;border:none;width:50px;height:50px;line-height:50px;padding:0;bottom:0;right:0;position:fixed;border-radius:4px;font-size:25px;text-transform:uppercase;font-family:"chivobold",sans-serif;z-index:300;background:transparent;transform:scale(1);transition:all .15s ease;cursor:pointer;color:#000}.clear.hide{transform:scale(0);height:0px}.clear:active{transform:scale(1.1)}#items{margin:0 auto;padding:2px;list-style:none;display:flex;flex-flow:column nowrap;position:relative;z-index:100}#items li.ui-state-highlight{opacity:.1;background:#000}#items li{font-family:"chivobold",sans-serif;padding:4px}#items li.done a{text-decoration:line-through}#items li.done a .check{background-image:url("../images/icon-circle-check.svg")}#items li a{font-family:"chivobold",sans-serif;display:block;word-wrap:break-word;padding:15px;text-decoration:none;color:#000;transition:all .15s ease-in-out;text-align:left;position:relative;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto;width:auto;-webkit-user-modify:read-write;background:rgba(0,0,0,0.1);border-radius:8px}#items li a:hover{opacity:.8}#items div.edit{font-family:"chivobold",sans-serif;padding-right:50px;display:block;outline-color:#fff}#items .check{position:absolute;top:0;right:0;bottom:0;width:42px;z-index:1000;display:inline-block;visibility:visible;background-color:transparent;border:none;background-image:url("../images/icon-circle.svg");background-repeat:no-repeat;background-position:center center;background-size:50% 50%;opacity:.4;border-top-right-radius:5px;border-bottom-right-radius:5px}#items .check:active{background-size:48% 48%;background-color:#222}#items li.ui-sortable-helper a{cursor:grabbing;cursor:-moz-grabbing;cursor:-webkit-grabbing;opacity:.6}#items li.ui-state-highlight{height:50px;opacity:.8;max-width:620px;margin-left:auto;margin-right:auto}