body{background-color:#f0f4f8;font-family:Arial,sans-serif}.todo{border:1px solid #555;width:100%;max-width:300px;margin:10px auto;border-radius:10px;padding:15px;background-color:#cec9a7;box-shadow:0 4px 15px #0000001a;transition:transform .2s,box-shadow .2s}.todo:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.todo p{font-family:Lobster,cursive;font-size:1.1em;margin:5px 0}.todo .description{font-size:.9em;color:#666;margin-top:5px}.todo .deadline{font-size:.9em;color:#888}.todo .priority{font-size:.9em;color:#ff9800;font-weight:700}.todo i{background:#ff6b6b;color:#fff;padding:10px;border-radius:50%;cursor:pointer;border:none;transition:background-color .3s,transform .2s}.todo i:hover{background:#ff4f4f;transform:scale(1.1)}.add-todo-section input,select,textarea{background-color:#d7e8c4}.input,.description,.deadline,.priority{border-radius:5px;border:1px solid #ccc;width:250px;margin-bottom:10px;padding:10px;transition:border-color .3s}.input:focus,.description:focus,.deadline:focus,.priority:focus{border-color:#2055b6}.add-todo-section{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.todo-app{width:100%;margin-top:50px}.bmi-calculator{max-width:400px;margin:auto;padding:25px;background-color:#c2dea3;border-radius:12px;box-shadow:0 8px 16px #0003;font-family:Arial,sans-serif;color:#333}.bmi-calculator h2{font-size:1.8em;color:#353d2f;text-align:center;margin-bottom:20px}.bmi-calculator h3{font-size:1.5em;color:#333;margin-top:30px;text-align:center}.bmi-calculator input{width:94%;padding:12px;margin-top:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:6px;transition:border-color .3s ease;font-size:1em;background-color:#d7e8c4}.bmi-calculator input:focus{border-color:#4a90e2;outline:none}.bmi-calculator button{width:100%;padding:12px;background-color:#4ca850;color:#fff;font-size:1.1em;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.bmi-calculator button:hover{background-color:#3c8440}.bmi-calculator .bmi-result{margin-top:25px;padding:15px;background-color:#e6f4ff;border-left:5px solid #4a90e2;border-radius:6px;text-align:center;font-size:1.1em;color:#333}.bmi-calculator .bmi-history{list-style-type:none;padding:0;margin-top:20px}.bmi-calculator .bmi-history li{padding:10px;background-color:#d7e8c4;border-bottom:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;font-size:.95em;margin-top:8px}.bmi-calculator .bmi-history li:last-child{border-bottom:none}.bmi-calculator .bmi-history li span{font-weight:700;color:#333}.bmi-calculator .bmi-history li time{color:#666;font-size:.85em}.delete-history-button{margin-top:20px;width:100%;padding:12px;background-color:#e57373;color:#fff;font-size:1em;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.passvault{min-height:600px;width:80%;margin:auto;display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#c9dfb0;box-shadow:0 2px 10px #0006;border-radius:10px}.passvault h2{color:#161616;font-family:Righteous,cursive;font-size:28px;font-weight:700;margin-bottom:20px}h3{margin:auto}input{border-radius:5px;border:1px solid #181818;width:250px;margin-bottom:10px;padding:10px;transition:border-color .3s;margin-right:8px;background-color:#d7e8c4}input:focus{border-color:#2055b6}button{margin-top:10px;padding:9px 34px;border-radius:5px;background-color:#4ca850;color:#fff;border:none;cursor:pointer;transition:background-color .3s,transform .2s;font-size:1.1em;font-weight:700}button:hover{background-color:#439547;transform:translateY(-1px)}.credentials-list{width:100%;margin-top:20px;display:flex;flex-wrap:wrap;justify-content:center}.credential-card{border:1px solid #555;width:100%;max-width:350px;margin:10px;border-radius:10px;padding:15px;background-color:#cec9a7;box-shadow:0 4px 15px #0000001a;transition:transform .2s,box-shadow .2s}.credential-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.credential-card p{font-family:Lobster,cursive;font-size:1em;margin:5px 0}.credential-card button{background:#ff6b6b;color:#fff;padding:10px 15px;border-radius:5px;border:none;cursor:pointer;transition:background-color .3s,transform .2s;font-size:.9em;margin-right:10px}.credential-card button:hover{background:#ff4f4f;transform:scale(1.05)}.header{min-height:300px;width:100%;display:flex;flex-direction:column;border-right:1px solid #ccc;align-items:center;padding:20px;margin-top:25px;background-color:#fff;box-shadow:0 2px 10px #0000001a;border-radius:10px}.header h3{color:#2055b6;font-family:Righteous,cursive;font-size:24px;font-weight:700;margin-bottom:15px}.medication{border:1px solid #555;width:100%;max-width:300px;margin:10px auto;border-radius:10px;padding:15px;background-color:#cec9a7;box-shadow:0 4px 15px #0000001a;transition:transform .2s,box-shadow .2s}.medication:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000026}.medication p{font-family:Lobster,cursive;font-size:1.1em;margin:5px 0}.medication .priority{font-size:.9em;color:#ff9800;font-weight:700}.medication i{background:#ff6b6b;color:#fff;padding:10px;border-radius:50%;cursor:pointer;border:none;transition:background-color .3s,transform .2s}.medication i:hover{background:#ff4f4f;transform:scale(1.1)}.input-container{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.add-medication-section input,select{background-color:#d7e8c4}.input,.priority{border-radius:5px;border:1px solid #ccc;width:250px;margin-bottom:10px;padding:10px;transition:border-color .3s}.input:focus,.priority:focus{border-color:#2055b6}.row{display:flex;justify-content:center;flex-wrap:wrap}.box{padding:0;margin:10px;background-color:#d7e8c4;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 10px #0000001a;flex:1 0 300px}.submit{margin-right:5px;width:40vh;margin-top:10px;padding:12px 24px;border-radius:5px;background-color:#4ca850;color:#fff;border:none;cursor:pointer;transition:background-color .3s,transform .2s;font-size:1.1em;font-weight:700}.submit:hover{background-color:#439547;transform:translateY(-1px)}.add-medication-section{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.medication-app{width:100%;margin-top:50px}.greet{font-family:Arial,sans-serif;color:#555;margin:0;padding:0;width:100%;height:100%}.summary{background-color:#d7e8c4;border-radius:8px;padding:20px;margin:10px auto;width:100%;max-width:1150px;max-height:725px;box-shadow:0 4px 8px #00000080}.summary h2{color:#555;font-size:1.8em;margin-bottom:10px}.summary p,.summary li{color:#555;line-height:1.6}.summary strong{color:#4e4738}ol{list-style-position:inside;padding-left:1em}.pros-cons h2{color:#555;font-size:1.6em;margin-top:10px;margin-bottom:10px}.pros-cons ol{background-color:#cec9a7;border-radius:8px;padding:15px}.pros-cons li{margin-bottom:10px}.recipe-app{font-family:Arial,sans-serif;color:#555;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto;padding-top:30px;background-color:transparent}.search-section{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:30px}.search-input{padding:10px;border-radius:8px;border:1px solid #a0a08e;width:500px;margin-left:1.5vw;font-size:1em}.search-button{padding:10px 15px;background-color:#c0bca0;color:#555;border:none;width:100px;border-radius:8px;cursor:pointer;font-size:1em;transition:background-color .3s}.search-button:hover{background-color:#c3d3b5}.recipe-card{background-color:transparent;border-radius:8px;padding:20px;margin:20px;max-width:1100px;display:flex;flex-direction:column;box-shadow:0 0 7px 2px #0000004d;text-align:left;overflow-y:auto}.recipe-info{display:flex;flex-wrap:wrap}.recipe-card h3{color:#555;font-size:1.5em;margin-bottom:10px}.recipe-card p{color:#4e4738;line-height:1.6}.recipe-card strong{color:#4e4738}.ingredients-list{list-style-type:disc;padding-left:1.5em}.button-group{display:flex;justify-content:center;gap:15px;margin-top:20px}.prev-button,.next-button{padding:10px 15px;background-color:#c0bca0;color:#555;border:none;border-radius:8px;cursor:pointer;font-size:1em;width:20vw;transition:background-color .3s}.prev-button:hover,.next-button:hover{background-color:#b2ae92}.error-message,.loading-message{color:#a94442;margin:20px;font-weight:700}.recipe-card::-webkit-scrollbar{width:14px}.recipe-card::-webkit-scrollbar-track{background-color:#dfe3ba;border:1px solid #7c7c7c;border-radius:10px}.recipe-card::-webkit-scrollbar-thumb{background-color:#c6d9b3;border-radius:10px;border:1px solid #7c7c7c}.recipe-card::-webkit-scrollbar-thumb:hover{background-color:#9bac8e}.greeting{font-size:2em;text-align:center;margin:0;width:100%;display:flex;justify-content:center}@media (max-width: 768px){.search-input{width:80%}.recipe-card{max-width:90%}.recipe-info,.button-group{flex-direction:column}.prev-button,.next-button{width:100%}}body{margin:0;padding:0;height:100vh}#mainPage{display:flex;flex-direction:column;height:100vh}#content{flex:1;padding:0;margin:0;overflow:auto;background:#dfe3ba;background:linear-gradient(180deg,#dfe3ba,#c9dfb0,#dfe3ba)}.landing-container{position:relative;width:100%;height:100vh;overflow:hidden}.landing-container canvas{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.Navbar{padding:8px;background:#95a194;background:linear-gradient(180deg,#95a194,#dfe3ba 47%);height:6vh;border-bottom:2px solid #555;display:flex;justify-content:space-between}.name-navbar{font-family:Borel,cursive;font-weight:400;font-style:normal;font-size:xx-large;margin-left:15px;margin-top:0;margin-bottom:20px}.logout-btn{background-color:transparent;color:inherit;border:none;font-size:large;margin-right:5px}.logout-btn:hover{cursor:pointer;background-color:transparent}.btn-nav{display:flex;justify-content:space-around;align-items:center}.btn-nav .special{margin-right:15px}.Navbar ul{display:flex;list-style-type:none;justify-content:flex-end}.Navbar a{text-decoration:none;color:inherit;font-size:large;margin-right:5px;padding:5px;border-radius:5px;font-family:Borel,cursive;font-weight:400;font-style:normal}.Navbar a:hover{cursor:pointer;padding:5px}.footer{background:#dfe3ba;background:linear-gradient(180deg,#dfe3ba 15%,#95a194);height:6vh;padding:8px;margin:0;display:flex;align-items:center;justify-content:center;border-top:2px solid #555}.footer p{margin:0;text-align:center;font-family:Borel,cursive;font-weight:400;font-style:normal}#loginCard{display:flex;flex-direction:column;align-items:center;padding:2rem;width:300px;border:.1px solid #353d2f;background-color:#c2dea3;box-shadow:0 4px 8px #0003;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#loginCard input{width:100%;padding:.8rem;margin:.5rem 0;border:1px solid #ddd;border-radius:5px;font-size:1rem;background-color:#d7e8c4}#loginCard h1{font-family:Borel,cursive;font-weight:400;font-style:normal}.button-link{color:#fff;padding:1.5vw 5vw}.button-link:hover{color:#000}#loginCard button{width:100%;padding:.8rem;margin:.5rem 0;background-color:#4ca850;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-family:Lucida Sans;transition:background-color .3s}#loginCard button:hover{background-color:#439547;color:#000}#loginCard a{text-decoration:none}#signupCard{display:flex;flex-direction:column;align-items:center;padding:2rem;width:300px;background-color:#c2dea3;box-shadow:0 4px 8px #0003;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:.1px solid #353d2f}#signupCard input{width:100%;padding:.8rem;margin:.5rem 0;border:1px solid #ddd;border-radius:5px;font-size:1rem;background-color:#d7e8c4}#signupCard button{width:100%;padding:.8rem;margin:.5rem 0;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem;font-family:Lucida Sans;transition:background-color .3s}#signupCard button:hover{background-color:#45a049}#signupCard h1{font-family:Borel,cursive;font-weight:400;font-style:normal}#signupCard li{list-style:none;margin-top:1rem}#signupCard li a{text-decoration:none;color:#555;font-weight:700}.main-content{display:flex;flex-direction:row;width:100%;height:100vh;background:#dfe3ba;background:linear-gradient(180deg,#dfe3ba,#c9dfb0,#dfe3ba)}.sidebar{display:flex;flex-direction:column;align-items:flex-start;height:100%;width:50px;background-color:#cec9ac;padding:10px 0;box-shadow:2px 0 10px #0000001a;border-radius:8px;transition:width .3s ease;margin-right:15px}.top_section{display:flex;align-items:center;justify-content:space-between;width:90%;padding:10px}.logo{font-size:1.5rem;font-weight:700;color:#2c3e50;display:none;margin-right:0}.bars{cursor:pointer;font-size:1.5rem;color:#2c3e50}.icon{margin-left:20px}.link{width:100%;display:flex;align-items:center;padding:15px 10px;text-decoration:none;color:#353d2f;font-size:16px;border-radius:5px;border:none;background-color:#cec9ac;transition:background-color .3s ease,color .3s ease;margin:5px 0;cursor:pointer}.link .icon{font-size:1.5rem;margin-right:10px}.link_text{display:inline;white-space:nowrap;transition:background-color .3s ease,color .3s ease}.link:hover{background-color:#9e726966}#content::-webkit-scrollbar{width:18px}#content::-webkit-scrollbar-track{background-color:#dfe3ba;border:1px solid #4d4d4d}#content::-webkit-scrollbar-thumb{background-color:#d7e8c4;border-radius:2px;border:1px solid #4d4d4d}#content::-webkit-scrollbar-thumb:hover{background-color:#c6d9b3}@media (max-width: 768px){.sidebar{width:100%;height:auto}}