*{margin:0;padding:0;box-sizing:border-box}: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}}body{background-color:#dbd9db;font-size:var(--fs-500);font-family:Inter,sans-serif;padding-top:2vh}#welcome{display:flex;justify-content:space-between;font-size:var(--fs-xl);padding-left:4vw;padding-right:4vw}button{min-width:fit-content;width:8vw;border-radius:12px;height:5vh;min-height:fit-content;font-size:var(--fs-400);font-weight:700;display:flex;flex-direction:column;justify-content:space-around;align-items:center;background-color:#1e555c;color:#e5ebea;border:1px solid gray;padding-left:1%;padding-right:1%}button:hover{color:#b9b8b9;cursor:pointer;box-shadow:2px 2px #b9b8b9}#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}#overview{margin-top:2%;width:80%;padding-left:5vw;padding-bottom:4%}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}body{padding-top:8vh}.navLabel{display:block;font-size:var(--fs-400);font-family:Inter,sans-serif;font-weight:400}i{text-align:center}#takenAlready,#leftToTake{width:80%}#takenAlready>div>p:first-of-type{font-size:var(--fs-600)}#leftToTake>div>p:first-of-type{font-size:var(--fs-600)}}.reminder-popup{position:fixed;top:20px;right:20px;background:#f5da42;border:2px solid rgb(10,9,9);padding:16px;border-radius:8px;font-weight:700;z-index:9999;color:#0a0909}#medName{border:1px solid gray;border-radius:12px;overflow:hidden;background-color:#e5ebea}#medName p{cursor:pointer;padding-left:1rem;padding-bottom:.5rem;border-block-start:1px solid gray}#medName p:first-of-type{border:none}#medName p:first-letter{color:#1e555c;font-weight:700}.med-info{display:flex;flex-direction:column;gap:.5rem;padding-left:3rem;padding-bottom:.5rem}.hide{display:none}