body{margin:0;background-image:linear-gradient(to right bottom,#0000ffc2,#800080c7,violet,#fcfc4a)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.whole-container{width:400px;background-image:linear-gradient(to right bottom,#43e97b,#38f9d7);margin:auto;height:100vh}.header-container{text-align:center;padding-top:.6em;font-size:40px}.header-container h2{margin:0}.headings{display:flex}.headings h6{margin:50px 0 20px}.headings .name-header{margin-left:10px;width:50%}.headings .qty-header{width:25%}.headings .price-header{width:15%}.items-container{display:flex;flex-direction:column;justify-content:center}.total-container{width:100%;display:flex}.total-container p{font-size:20px}.total-container p:nth-child(1){display:flex;align-items:center;margin:10px 0 0 58%}.total-container p:nth-child(2){margin:12px 0 0 5%}.add-delete-buttons-container{position:relative;display:flex;padding:0 20px;justify-content:center}.add-delete-buttons-container button{height:33px;width:60px;margin-top:20px;border:black 2px solid;border-radius:5px;background-color:#008cba;color:#fff;padding:5px 10px;text-align:center}.add-delete-buttons-container .delete-item-button-container button{height:35px;position:absolute;left:40px;background-color:#f12d13}.item{margin:0 5%;display:flex;justify-content:space-around}.item input{padding:5px;border:none;border-bottom:1px black solid;outline:none}.item-name{background-color:transparent;width:50%}.item-qty-container{width:25%;display:flex;justify-content:center;align-items:end}.item-qty-container button{margin:0;height:80%;cursor:pointer}.item-qty{background-color:transparent;width:30%;text-align:center}.item-price{background-color:transparent;text-align:center;width:15%}.item-close{height:5%;background-color:#ef4444;margin-top:2%}