:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0;color:#eee}.header{display:flex;flex-direction:row;justify-content:space-between;background-color:#76abae;height:100px}.title-div{margin:10px}.title{font-size:40px}.info{font-size:15px}button{border:none;padding:15px;border-radius:5px}.add-button{margin:10px;background-color:#673ab7}.add-button:hover{background-color:#b39cd0;transition:.7s}.update-button{background-color:#76abae}.update-button:hover{background-color:#a8dadc;transition:.7s}.delete-button{margin-left:10px;background-color:#750e21}.delete-button:hover{background-color:#ff746c;transition:.7s}.main{display:flex;justify-content:center;align-items:center}.wealths{margin-top:20px;border-spacing:0}th,td{padding:20px;text-align:left}tr:nth-child(2n){background-color:#444}tr:nth-child(odd){background-color:#888}th{background-color:#222831}@media only screen and (max-width: 600px){*{font-size:11px}.header{height:60px}.title{font-size:22px}.info{font-size:10px}button{border:none;padding:10px;border-radius:5px}.wealths{margin-top:20px;border-spacing:0}th,td{padding:8px;text-align:center}.actions{display:flex;flex-direction:column;align-items:center;justify-content:center}.delete-button{margin-top:10px;margin-right:10px;background-color:#750e21}}*{padding:0;margin:0}.form-container{position:absolute;left:50%;top:45%;transform:translate(-75%,-50%)}.form{width:150%}.form-title{font-size:40px;margin-top:10px;margin-bottom:20px}input[type=text],select,input[type=number],input[type=date]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #76ABAE;border-radius:4px;box-sizing:border-box;background-color:#222831}input[type=checkbox]{margin:8px;border:1px solid #ccc;border-radius:4px}.buttons{margin-top:10px;display:flex;flex-direction:row;justify-content:space-between;align-content:stretch}.submit{background-color:#76abae;width:48%}.submit:hover{background-color:#a8dadc;transition:.7s}.reset{background-color:#750e21;width:48%}.reset:hover{background-color:#ff746c;transition:.7s}@media only screen and (max-width: 600px){.form-container{position:absolute;left:50%;top:35%;transform:translate(-75%,-50%)}.form-title{font-size:25px}}