*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app{display:flex;flex-direction:row;align-items:center;justify-content:center}.addView{display:flex;flex-direction:row;height:100vh;width:50%;justify-content:center;align-items:center;padding:10px}.addView>form{width:50%;display:flex;flex-direction:column;height:max-content;box-shadow:0 0 5px #1b1c1d68;padding:20px;border-radius:10px}input{width:100%;padding:8px;margin-block:10px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}button{background-color:#4662b4;color:#fff;padding:8px;width:100%;border:1px solid #4662b4;border-radius:2px;margin-block:10px;cursor:pointer}.listView{display:flex;flex-direction:column;height:auto;align-items:center;justify-content:center;width:50%;padding:30px}@media (width < 780px){.app{flex-direction:column}.addView{height:max-content}.addView>form{width:1000%}.listView{width:100%}}.date{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%}.date label{width:10%;font-size:12px}.date input{width:100%}.item{display:flex;width:100%;box-shadow:0 0 5px #1b1c1d68;margin:5px;padding:10px}.readings{width:90%;background-color:#fff}.delete{width:10%;display:flex;align-items:center;justify-content:center;height:inherit}.delete>img{width:25px;cursor:pointer}.insert{display:flex;height:fit-content;align-items:center;justify-content:space-between}