@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap);:root{--primary:#1aac83;--error:#e7195a}body{background:#f1f1f1;font-family:Poppins;margin:0}header{background:#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;padding:20px;text-decoration:none;transition:all .3s ease-in-out}header a:hover{color:#1aac83;color:var(--primary);-webkit-transform:scale(1.2);transform:scale(1.2)}.pages{margin:0 auto;max-width:1400px;padding:20px}.home{grid-gap:100px;display:grid;gap:100px;grid-template-columns:3fr 1fr}.medication-details{background:#fff;border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.05);margin:20px auto;padding:20px;position:relative}.medication-details h4{color:#1aac83;color:var(--primary);font-size:1.2em;margin:0 0 10px}.medication-details p{color:#555;font-size:.9em;margin:0}.medication-details span{background:#f1f1f1;border-radius:50%;color:#333;cursor:pointer;padding:6px;position:absolute;right:20px;top:20px}input,label{display:block}input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;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:10px}div.error{background:#ffefef;border:1px solid #e7195a;border:1px solid var(--error);border-radius:4px;color:#e7195a;color:var(--error);margin:20px 0;padding:10px}form button:hover{background:#179269;-webkit-transform:scale(1.1);transform:scale(1.1)}.medication-details:hover{box-shadow:4px 4px 10px rgba(0,0,0,.1)}.medication-details{-webkit-animation:slide-in .5s ease-out;animation:slide-in .5s ease-out}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}form{background:#fff;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.1);margin:20px 10px auto;padding:20px;width:90%}form input{border:none;border-bottom:2px solid #ccc;padding:10px;width:100%}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}input.error{border:1px solid #e7195a;border:1px solid var(--error)}.trash-icon{position:absolute;right:20px;top:20px}.trash-icon:hover{cursor:pointer;opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1)}
/*# sourceMappingURL=main.7941e62f.css.map*/