body{background:#fff;color:#333;font-family:sans-serif}.container{display:block;width:400px;margin:50px auto 0 auto}.center{display:flex;justify-content:center;align-items:center}ul{margin:0;padding:0}li,h3{clear:both;list-style:none}input,button{outline:none}button{background:none;border:0px;color:#888;font-size:15px;width:60px;padding:0 10px;font-family:sans-serif;cursor:pointer}button:hover{color:#333}h3,label[for=new-task]{color:#333;font-weight:700;font-size:15px;border-bottom:2px solid #333;padding:30px 0 10px;margin:0}input[type=text]{margin:0;font-size:18px;line-height:18px;height:18px;padding:10px;border:1px solid #ddd;background:#fff;border-radius:6px;font-family:sans-serif;color:#888}input[type=text]:focus{color:#333}label[for=new-task]{display:block;margin:0 0 20px}input#new-task{width:315px}li{overflow:hidden;padding:5px 0}li>label{font-size:18px;line-height:40px;width:285px;padding:0 0 0 10px}#task-list li.completed label{text-decoration:line-through;color:#888}.burger{background-color:rgba(0,0,0,0);border:none}.navbar-brand{align-items:center}.hero.has-background{position:relative;overflow:hidden}.hero-background{position:absolute;object-fit:cover;object-position:bottom;width:100%;height:100%}.hero-background.is-transparent{opacity:.3}