*{margin:0;padding:0;box-sizing:border-box}body{background-color:#dbd9db;font-size:var(--fs-500);font-family:Inter,sans-serif}.app-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:#48aa7d;color:#fff}@media(min-width:800px){.app-header{padding-top:5rem}}.logo{width:40px;height:40px;border-radius:50%}.app-title{font-size:1.5rem}.home{padding:1rem 1rem 6rem}.greeting h2{font-size:3rem;margin:3rem 0 1rem 2rem}#todayTable{background-color:#dbd9db;margin:2rem;padding:2rem}#leftToTake{width:90%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;padding-left:5vw;overflow:hidden;padding-top:2%}#leftToTake>div>p{padding-left:1.5vw;background-color:#e5ebea;padding-bottom:.5rem}#leftToTake>div>p:first-of-type{font-weight:700;color:#1e555c;font-size:var(--fs-500);text-wrap:wrap;padding-left:1.2vw}h2{grid-row:1;align-self:end;padding-bottom:2%}.medicineName,.time{border-block-start:1px solid gray}#notTakenmedName{grid-column:1;grid-row:2;border:1px solid gray;border-radius:12px;overflow:hidden}#timeToTake{grid-column:2;grid-row:2;border:1px solid gray;border-radius:12px;overflow:hidden}#takenAlready{width:90%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;padding-left:5vw;margin-top:4vh;overflow:hidden}#takenAlready>div>p{padding-left:1.5vw;background-color:#e5ebea;padding-bottom:.5rem}#takenAlready>div>p:first-of-type{font-weight:700;color:#1e555c;font-size:var(--fs-500);text-wrap:wrap;padding-left:1.2vw}#takenMedName{grid-column:1;grid-row:2;border:1px solid gray;border-radius:12px;overflow:hidden}#timeTaken{grid-column:2;grid-row:2;border:1px solid gray;border-radius:12px;overflow:hidden}#trackers{margin:2rem;padding:2rem;background-color:#dbd9db}.tracker-grid{display:flex;margin-top:1rem;margin-bottom:1rem;margin-left:2rem;gap:1rem}.tracker-card{padding:1rem;text-align:center;width:10rem;height:10rem;background-color:#1e555c;color:#e5ebea;cursor:pointer;border-radius:12px;font-size:1rem;font-family:Inter,sans-serif;font-weight:700}.tracker-card.create{background-color:#48aa7d}tracker-card:hover{color:#b9b8b9;cursor:pointer;box-shadow:2px 2px #b9b8b9}:root{--fs-xl: clamp(2rem, 2vw + 1rem, 3rem);--fs-600: 2rem;--fs-500: 1rem;--fs-400: .8rem}@media(min-width:800px){:root{--fs-xl: clamp(3rem, 3vw + 1rem, 4rem);--fs-600: 2rem;--fs-500: 1.4rem;--fs-400: 1rem}}nav{background-color:#1e555c;min-height:fit-content;height:6vh;display:flex;justify-content:space-between;align-items:center;padding-left:2vw;padding-right:2vw;position:fixed;bottom:0;width:100%}.navLabel{display:none}a{text-decoration:none;color:#e5ebea}a:hover{color:#b9b8b9}@media(min-width:800px){nav{top:0;justify-content:end;gap:2vh}.navLabel{display:block;font-size:var(--fs-400);font-family:Inter,sans-serif;font-weight:400}i{text-align:center}}