body{background-color:#283655;justify-content:center;font-weight:300;text-shadow:0 .04em .04em rgba(0,0,0,.35);color:#fff;width:50%;margin:0 auto}body,h1{font-family:Handlee,cursive}h1{font-size:4em}button{cursor:pointer;outline:none}fieldset{border:none}fieldset input{line-height:50px;width:100%;text-indent:10px;outline:none;font-size:1.2em}fieldset button{height:30px;border:none;border-radius:0 3px 3px 0;background-color:#f14ebd;color:#fff;text-shadow:0 .04em .04em rgba(0,0,0,.35);font-weight:300}fieldset small{color:#ff0}ul{text-align:left;margin:10px;padding:10px;list-style:none}li{padding:10px 0;font-size:1.2em;text-transform:uppercase}.delete{border:none;border-radius:2em 0 0 2em}.delete,.else{background-color:#f14ebd;color:#fff;float:right;padding:.3em 1.2em;text-shadow:0 .04em .04em rgba(0,0,0,.35);font-weight:300}.else{border:none;border-radius:0 2em 2em 0;margin-left:3px solid grey}.button_margin{margin-left:15px}.button4{display:inline-block;border:.16em solid hsla(0,0%,100%,0);border-radius:2em;box-sizing:border-box;text-decoration:none;font-family:Roboto,sans-serif;font-weight:300;color:#fff;padding:.3em 1.2em;text-shadow:0 .04em .04em rgba(0,0,0,.35);text-align:center;transition:all .2s;background-color:#f14ebd}input{width:100%}.container{margin:0 auto}.center{text-align:center}a{text-decoration:none;color:#f14ebd}@media (max-width:576px){body{width:100%}}@media (min-width:576px){body{width:70%}}@media (min-width:768px){body{width:50%}}