*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;box-sizing:border-box;max-width:100%;max-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Source Sans Pro,sans-serif}p,input,button,img,a{font-family:PT Mono,monospace}span{font-family:IBM Plex Mono,monospace;display:block}div.App{padding:20px 40px;margin:10px;box-sizing:border-box}form{padding:10px 0}input{width:80%}.quantity{width:47%}form input,button{font-size:.95rem;padding:10px 20px;margin:7px 10px 5px 0;border:.5px solid #000}b{font-size:.85rem}footer{position:fixed;bottom:10px}footer a{text-decoration:none;color:#008b8b}@media only screen and (max-width: 600px){div.App{padding:20px;margin:5px;box-sizing:border-box}input{width:100%}}.small-box{padding:2px;font-size:14px}.danger{color:#b50000}main{max-width:100%;display:flex;flex-direction:row;justify-content:space-between;box-sizing:border-box}main div{width:50vw;box-sizing:border-box;padding:10px 20px 10px 0}.quantity-btn{width:15%}.item-and-date{display:flex;flex-direction:row;justify-content:space-between}.item-and-date i{font-size:10px}.items-list{height:75vh;overflow-y:scroll;box-shadow:0 0 20px #d9d9d9;padding:7px;border-radius:7px}.items-list section.item-quantity-delete{display:flex;justify-content:space-between;align-items:center}.empty-list{text-align:center;padding:20px 0}.img-logo{width:20px;margin-right:5px}.submit-btn{background-color:#000;color:#fff}.submit-btn:disabled{color:#666}footer{position:fixed;bottom:0;right:0;padding:15px;margin-right:30px}footer div{display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 600px){main{flex-direction:column;justify-content:space-between}main div{width:100vw;max-width:100%}.quantity-btn{width:15%}}