@import"https://fonts.googleapis.com/css?family=Inter";#sign-in{display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-radius:5px;width:40%;margin:40px auto;padding-bottom:20px;background-color:#5e95a3;color:#000}#sign-in .form-content{display:flex;flex-direction:column;align-items:center;gap:10px}#sign-in .form-el{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:15px}#sign-in input[type=email],#sign-in input[type=password],#sign-in button{height:40px;width:250px}#sign-in a{font-weight:700}#sign-in a:hover{cursor:pointer}#recipe{padding:10px;display:flex;background-color:#5e95a3;margin-top:10vh;flex-direction:column;align-items:center;text-align:center;border:1px solid black;border-radius:10px;width:30%;color:#000}#recipe .recipe-details{display:flex;align-items:center;width:70%;justify-content:space-between}#recipe .recipe-details img{width:150px;height:120px;border-radius:2px}#recipe .favorite-button{background:none;border:none;cursor:pointer;font-size:1.5rem}#recipe .favorite-icon{color:red}#settings{position:fixed;top:0;left:0;width:300px;height:100%;background-color:#333333e6;color:#fff;box-shadow:-2px 0 5px #00000080;z-index:1000;transition:transform .3s ease-in-out;transform:translate(0)}#settings .sidebar-content{padding:20px}#settings .sidebar-content ul{list-style-type:none;padding:0}#settings .sidebar-content li{padding:10px 0;cursor:pointer}#settings a{text-decoration:none;color:#fff}#home .home-content{display:flex;padding:20px;flex-direction:column;align-items:center}#home .top-row{display:flex;width:70%;justify-content:space-between;align-items:center}#home .top-row button{padding:6px 12px;font-size:13px;cursor:pointer}#home .menu-icon:hover{cursor:pointer}#home img{width:40px;height:40px}#home .meal-buttons{margin-top:5vh;display:flex;justify-content:space-between;width:30%}#home .meal-buttons button{width:100px;height:30px;border:1px solid black;border-radius:5px}#home .meal-buttons button:hover{cursor:pointer}#home .active-button{background-color:#93d0d4}#information-form{margin:auto;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;gap:20px}#information-form .form-content{margin-top:10vh;align-self:flex-start}#information-form .form-el{display:grid;grid-template-columns:2fr 2fr 2fr;gap:10px;margin-bottom:20px}#information-form .form-height{display:flex;justify-content:space-between}#information-form .form-height input{width:40px}#information-form .input-el{width:125px}#information-form .form-sex{display:flex;gap:10px}#information-form .form-sex label{display:flex;flex-direction:column;align-items:center;gap:2px}#information-form button{padding:6px 12px;font-size:13px;cursor:pointer}#activity-form{padding:10px;margin:auto;display:flex;flex-direction:column;align-items:center}#activity-form .form-content{margin-top:10vh}#activity-form .form-el{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px;width:110%}#activity-form label{font-size:1.4rem;font-weight:700}#activity-form input{margin-right:10px}#activity-form .description p{margin:1px;line-height:1.2rem}#activity-form button{padding:6px 12px;font-size:13px;cursor:pointer}#goal-form{padding:10px;margin:auto;display:flex;flex-direction:column;align-items:center}#goal-form .form-content{margin-top:10vh}#goal-form .form-el{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:30px;width:110%}#goal-form label{font-size:1.4rem;font-weight:700}#goal-form input{margin-right:10px}#activity-form .description{display:flex;flex-direction:column;align-items:center;justify-content:center;width:55%}#goal-form .description p{margin:1px;line-height:1.2rem}#goal-form button{padding:6px 12px;font-size:13px;cursor:pointer}#favorites{display:flex;flex-direction:column;text-align:center;padding:20px}#favorites .favorites-list{padding-left:35%;width:100%}#favorites button{width:auto;padding:8px 16px;align-self:center;white-space:nowrap;text-align:center;font-size:13px;cursor:pointer}#landing{margin:auto;padding:10px;display:flex;flex-direction:column;align-items:center}html,body{height:100%;margin:0;padding:0;background-image:url(../bg-gradient.png);background-repeat:no-repeat;background-size:cover;font-family:Inter,sans-serif;color:#f5f5f5}