.expenseView-component{width:100%;height:400px;display:flex;justify-content:center;align-items:center}.expenseView{width:50%;height:70%;padding:10px 30px}.income,.expense{width:100%;height:115px;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#e2ebf3;margin:6px 0}.form-container{width:40%;height:310px;position:absolute;background:#fff;top:100px;right:27%;flex-direction:column;padding:23px;border-radius:4px;box-shadow:#272727 0 0 21px}.form-inputs{width:100%;height:177px;display:flex;flex-direction:column;margin:11px 0 0}.form-heading{font-size:25px;color:#000;font-weight:600;font-family:sans-serif}.form-label{font-size:21px;color:#000;font-weight:700;margin:13px 0 3px}.form-input-btn{width:80%;height:26px;padding:6px 14px;border:1px solid gray;border-radius:4px;font-size:15px}.form-radio{display:flex;width:50%;justify-content:space-around;height:34px;font-size:17px;font-weight:700;margin:5px 0}.form-radio-span{display:flex;justify-content:center;align-items:center}.form-radio-input{margin:0 6px 0 0}.balance-color{color:#00f}.income-color{color:green;background:#c0f8d3}.expense-color{color:red}.add-btn{width:100%;height:34px;border:none;border-radius:4px;color:#000;font-weight:700;font-size:17px;background-color:#5f5fff;cursor:pointer}.cancle-btn{position:relative;top:-3%;left:96%;cursor:pointer}@media only screen and (max-width: 665px){.expenseView-component{flex-wrap:wrap;height:min-content}.expenseView{width:90%}.media-screen{font-size:20px}.tag{font-size:15px}.form-container{width:70%;height:283px;top:90px;right:8%}.form-heading{font-size:19px}.form-inputs{width:100%;height:145px}.form-label{font-size:14px}.form-input-btn{height:26px;font-size:15px}.form-radio{width:94%;height:34px;margin:15px 0}.add-btn{width:100%;height:50px;background-color:#5f5fff;font-size:17px}.income,.expense{height:85px}}.chart-container{width:50%;height:70%;border:2px solid black;display:flex;justify-content:center;align-items:center;padding:10px 30px;background-color:#87cefa;border-radius:9px}@media only screen and (max-width: 665px){.chart-container{width:80%;margin-bottom:15px;padding:0}}.navbar-container{display:flex;align-items:center;justify-content:space-between;width:85%;height:100%}.navbar{background:#262626;color:#fff;width:100%;height:57px;display:flex;justify-content:center}.navbar-brand{font-size:25px;color:#fff;font-family:sans-serif;font-weight:600}.navbar-btn{width:225px;height:37px;color:#fff;background:#5252ff;border:none;border-radius:3px;font-size:17px;font-weight:700;cursor:pointer;transition:all .5s ease}.navbar-btn:hover{background-color:#fff;color:#000}@media only screen and (max-width: 665px){.navbar-brand{font-size:14px}.navbar-btn{width:121px;font-size:12px}}.notes-container{width:100%;height:200px;display:flex;justify-content:center}.notes-box{width:95%;height:min-content;display:flex;justify-content:space-between}.notes-box-income,.notes-box-expense{width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.notes-heading{width:100%;height:42px;display:flex;justify-content:center;align-items:center;background-color:#faebd7}.todo{display:flex;justify-content:space-between;align-items:center;width:90%;height:min-content;border:1px solid black;margin:5px 0;background-color:#cce9ff;border-radius:4px}.subDiv{width:92%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 0 0 10px}.note-delete-btn:hover{cursor:pointer}.income-bg-color{background:#c0f8d3}.expense-bg-color{background:#ffa4a4}@media only screen and (max-width: 665px){.notes-box{flex-direction:column}.notes-box-income,.notes-box-expense{width:100%}.notes-heading{font-size:20px}}*{margin:0;padding:0;font-family:sans-serif}