#Logo_Head{display:flex;justify-content:center;font-size:1.8rem;font-weight:700;color:#0d6efd;margin:20px 0}#nav_style{list-style:none;padding:20px;margin:0;display:flex;justify-content:center;gap:40px}#nav_style li a{text-decoration:none;font-size:18px;color:#000}.habits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.habit-card{padding:20px;border:2px solid #e0e0e0;border-radius:12px;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;background-color:#fff}.habit-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #0000001a;border-color:#4caf50}.habit-card.completed{background-color:#e8f5e9;border-color:#4caf50}.complete-btn{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;margin:5px}.complete-btn:hover{background-color:#45a049;transform:scale(1.05)}.complete-btn:active{transform:scale(.95)}.edit-btn,.delete-btn{padding:8px 16px;border-radius:25px;margin:5px;transition:all .3s ease}.edit-btn:hover,.delete-btn:hover{transform:scale(1.05)}#add_del{display:flex;justify-content:center;gap:20px;margin:20px 0}.center{justify-content:center;padding:20px;display:flex;font-size:.9rem;color:#666;border-top:1px solid #ddd}