*{padding:0;margin:0;box-sizing:border-box}body{display:grid;background:linear-gradient(#78e9e9,#6570eb);margin:0;min-height:100vh}main{margin-top:25px;display:flex;flex-direction:column;align-items:center;width:90%}.add-item{max-width:300px;margin-bottom:25px}.item-list{width:95%}table{border-collapse:separate;border-spacing:0 10px;max-width:700px}td{padding:10px}thead{font-weight:700;font-size:1.2em;text-align:center;text-transform:uppercase}table tr:not(thead tr){font-size:1em;color:#181818;box-shadow:0 0 5px 1px #1d1d1d;background-color:#dbdbdb}td button{margin:0 50%;transform:translate(-50%)}input[type=checkbox]{transform:scale(2) translate(-25%);margin-left:50%}nav{position:relative;left:0;top:0;display:flex;align-items:center;justify-content:center;height:3em;color:#eee;background-color:#0f0f0f}header{width:100%}#root{width:100dvw;height:100dvh;display:flex;flex-direction:column;align-items:center}