body{width:750px;margin:auto;font:100% Helvetica,sans-serif;color:#aaa}h1,h2,h3{margin-top:24px;margin-bottom:12px}div.main-content{-webkit-padding-start:40px}button{margin-right:5px;font-size:12px;color:#fff;text-align:center;background:#3498db;border:0;cursor:pointer}button:focus,input:focus{outline:0;border-color:#53C1DE;box-shadow:0 0 10px #53C1DE}input{height:20px;border:1px;padding:0 10px}input[type=checkbox]{position:relative;top:3px}label{line-height:25px}div.footer{width:100%;margin:50px 0;padding:10px;text-align:center;border-top:2px solid #f4f4f4}div.header,header{text-align:center}div.header{width:100%;margin:10px auto}header{border-bottom:2px solid #f4f4f4}ul{list-style-type:none}header li{display:inline;padding:5px;border-left:1px solid #eee}li a{font-size:.8rem;text-transform:uppercase;text-decoration:none;color:#888}img{margin:0 10px}div.home-section-actions{padding:10px;margin:10px 0;background-color:#6DF6FF;border:1px solid #eee}div.home-section-sub-part-one{margin:10px 0;padding:10px;background-color:#C1F1FD;border:1px solid #eee}div.home-section-sub-part-two{padding:10px;background-color:#8EE7FD;border:1px solid #eee}div#recorder{position:fixed;top:200px;right:10%;padding:10px;background:#000;color:#fff}div#recorder div#recorder-actions button{margin-bottom:10px}div#recorder span{font-size:.8rem}div.todo,div.todo-snapshot{padding:10px;background-color:#C1F1FD;border:1px solid #eee}div.todo{margin:10px 0}div.todo div.inline{display:inline-flex}div.todo label{margin-right:5px;cursor:pointer}div.todo input[type=checkbox]{margin-right:10px;cursor:pointer}div.todo-snapshot{margin:10px 0}button.destroy{top:6px;border-radius:50%;margin-left:5px;height:15px;padding:3px;margin-top:0;line-height:10px;border:0;cursor:pointer}.button.destroy:active{top:1px;outline:0;-webkit-box-shadow:none;box-shadow:none}li.completed label{text-decoration:line-through}.hidden{display:none}h1{color:#5a8894}