@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital@1&display=swap);:root{--primary:#1aac83;--error:#e7195a}body{background-color:#f1f1f1;font-family:Open Sans,sans-serif;margin:0}header{background-color:#fff}header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:10px 20px}header a{color:#333;text-decoration:none}.pages{margin:0 auto;max-width:1400px;padding:20px}.create form{margin-right:50px}.home{grid-gap:40px;display:grid;gap:40px;grid-template-columns:3fr 1fr}.workout-details{background-color:#fff;border-radius:4px;box-shadow:2px 2px 5px #00000080;margin:20px auto;padding:20px;position:relative}.workout-details h4{color:#1aac83;color:var(--primary);font-size:1.2rem;margin:0 0 10px}.workout-details p{color:#555;font-size:.9rem;margin:0}.workout-details span{background-color:#f1f1f1;border-radius:50%;color:#333;cursor:pointer;padding:8px;position:absolute;right:20px;top:20px}input,label{display:block}input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;color:#1aac83;color:var(--primary);margin-bottom:20px;margin-top:10px;padding:10px;width:100%}form button{background:#1aac83;background:var(--primary);border:0;border-radius:4px;color:#fff;cursor:pointer;font-family:Poppins;padding:12px}div.error{background-color:#ffefef;border:1px solid #e7195a;border:1px solid var(--error);border-radius:4px;color:#e7195a;color:var(--error);margin:20px 0;padding:10px}input.error{border:1px solid #e7195a;border:1px solid var(--error)}nav{align-items:center;display:flex}nav a{margin-left:10px}nav button{border:2px solid #1aac83;border:2px solid var(--primary);color:#1aac83;color:var(--primary);cursor:pointer;font-family:Poppins;font-size:1em;margin-left:12px;padding:6px 10px}form.login,form.signup,nav button{background-color:#fff;border-radius:4px}form.login,form.signup{margin:40px auto;max-width:400px;padding:25px}.empty-state{background:#f0fdf4;border:2px dashed #16a34a;border-radius:12px;color:#14532d;margin-top:80px;padding:40px;text-align:center}.empty-state h2{font-size:28px;margin-bottom:10px}.empty-state p{font-size:16px;line-height:1.6}.empty-state{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.a045e744.css.map*/