#container{width:80%;max-width:30em;margin:0 auto;padding:0}body{background-image:url(image.png);background-size:cover;font-family:helvetica,'lucida grande';font-weight:300;font-size:1em;line-height:1.3em;width:100%;margin:0 auto;padding:0}li{list-style-type:none;position:relative;background:#fdbacc;color:#3c3c3c;margin:2px;padding:.5em .5em .5em 2em}li.done{background:#48cfad}li.done::before{content:"\2713";vertical-align:middle;position:absolute;color:#3c3c3c;font-weight:700;top:1.3em;left:.6em;margin-top:-.8em;padding:.1em}li:hover{cursor:pointer;background-color:#f96c92}form{height:2.6em;box-sizing:border-box;margin:0 auto;padding:5em 0}button{margin-left:.5em;min-width:3em;border:.1em solid #f96c92;width:29%;font-size:1em;font-weight:300;border-radius:.5em;vertical-align:bottom;text-align:center;cursor:pointer;display:inline-box;color:#fcfcfc;font-family:helvetica;text-decoration:none;height:2.25em;background-color:#f96c92;box-sizing:border-box;padding:.5em}input[type=text]:focus{color:#3c3c3c;outline:0!important;box-shadow:0 0 10px #f96c92;border-color:#f96c92}h1{text-align:center;width:80%;padding-top:2em;color:#fcfcfc;font-weight:300;margin:0 auto}#list-input,input[type=text]{box-sizing:border-box;width:68%;height:2.25em;background-color:rgba(254,230,237,.4);border:.1em solid #f96c92;display:inline;vertical-align:bottom;color:#3c3c3c;margin:0;font-size:1em;padding:.34em .5em}#submit-list-item:hover{color:#3c3c3c}ul{margin:0 auto;padding:0}