.homePage .searchBar{background-color:#f8f8fc;border:none;padding:10px 15px;border-radius:10px}.homePage .home_container_grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:100px 1fr;grid-template-areas:"nav nav nav nav2" "main main main sidebar" "main main main sidebar";min-height:100vh}.homePage .nav_primary{background-color:#f0f1f5;grid-area:nav;padding:20px 50px}.homePage .nav_secondary{background-color:#f9fbfd;grid-area:nav2;padding:20px 50px}.homePage .left{background-color:#f0f1f5;grid-area:main;padding:10px 50px}.homePage .left .header{grid-column:span 6;display:flex;justify-content:space-between;align-items:baseline}.homePage .left .header h2{color:#68acff;font-size:24px;margin:0}.homePage .left .header p{color:#b7bbc5;margin:0}.homePage .left .header .searchBar{padding:20px 15px;background-color:#fff;-webkit-box-shadow:10px 10px 18px -16px rgba(0,0,0,.1);-moz-box-shadow:10px 10px 18px -16px rgba(0,0,0,.1);box-shadow:10px 10px 18px -16px #0000001a}.homePage .right{background-color:#f9fbfd;grid-area:sidebar;padding:10px 50px}.homePage .right h2{color:#b7bbc5}.container_nav{display:flex;justify-content:space-between;align-items:center}.menu a{font-weight:700;margin:0 20px;color:#c4c8d3;text-decoration:none;font-size:14px}.menu a:nth-child(1){color:#000}.grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:35px}.grid h2{grid-column:span 6}.bigCard{height:300px;background-color:#fff;border-radius:10px;grid-column:span 6;-webkit-box-shadow:10px 10px 18px -16px rgba(0,0,0,.1);-moz-box-shadow:10px 10px 18px -16px rgba(0,0,0,.1);box-shadow:10px 10px 18px -16px #0000001a}.card{text-align:center;background-color:#fff;border-radius:10px;height:120px;-webkit-box-shadow:10px 10px 18px -16px rgba(0,0,0,.1);-moz-box-shadow:10px 10px 18px -16px rgba(0,0,0,.1);box-shadow:10px 10px 18px -16px #0000001a}.transactionCard{margin:35px 0;display:flex;justify-content:space-between;align-items:baseline}.transactionCard h3,.transactionCard p{margin:0}.calendar{margin:35px 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:20px}.calendar .dayWeek{color:#c4c8d3}.calendar .day{cursor:pointer}.name{text-transform:capitalize}body{margin:0}