@import "https://googleapis.com";*{box-sizing:border-box;margin:0;padding:0}body{background-color:#faf9f9;font-family:Roboto,sans-serif}.home-container{background-color:#fff;border:.5px solid #d3d3d3;border-radius:5px;max-width:500px;margin:20px auto;padding:20px;box-shadow:2px 5px 10px #a8a8a8}.habit-container{border-bottom:.5px solid #d3d3d3;justify-content:space-between;margin:10px;padding-bottom:10px;display:flex}.habit-container:last-child{padding-bottom:none;border-bottom:none}.buttonHomePage{background:0 0;border:none}.icon-name{align-items:center;gap:30px;margin-right:20px;display:flex}.name-category{flex-direction:column}.category-tag{color:#fff;border-radius:30px;max-width:max-content;padding-left:3px;padding-right:3px;font-size:small}.saludo{color:#505050;font-size:smaller}.habits-titles{font-size:medium}.search-bar{color:#fff}.habits-page{background-color:#fff;border:.5px solid #d3d3d3;border-radius:5px;max-width:500px;margin:20px auto;padding:20px;box-shadow:2px 5px 10px #a8a8a8}.habit-card{background-color:#f9f9f9;border:.5px solid #d3d3d3;border-radius:10px;justify-content:space-between;align-items:center;margin:10px 0;padding:15px;display:flex;box-shadow:1px 2px 5px #c8c8c8}.buttonHabitsPage{background:0 0;border:none}.habit-link{color:#000;font-weight:700;text-decoration:none}.habit-description{font-size:smaller}.habit-actions{gap:10px;display:flex}.new-habit-btn,.submit-btn{color:#fff;background-color:#f28e1c;border:.5px solid #da7502;border-radius:5px;padding:5px;box-shadow:1px 2px 5px #c8c8c8}.newHabitForm{flex-direction:column;gap:10px;margin-top:20px;display:flex}.detail-page{max-width:500px;margin:20px auto}.detail-card{background-color:#fff;border:.5px solid #d3d3d3;border-radius:10px;padding:20px;box-shadow:2px 5px 10px #c8c8c8}.detail-description{color:#666;margin:10px 0}.detail-info{align-items:center;gap:15px;margin:15px 0;display:flex}.modify-btn{color:#fff;cursor:pointer;background-color:#f28e1c;border:none;border-radius:5px;margin-top:10px;padding:8px 20px}