:root{--morfale-red: #aa0000;--morfale-blue: #09758b;--morfale-yellow: #d3b037;--light-gray: #f3f4f6;--middle-gray: #c6c6c6}@font-face{font-family:Quicksand;src:local(Quicksand),url(./Quicksand-VariableFont_wght-C5RR3OjZ.ttf)}@font-face{font-family:Momcake-Bold;src:local(Momcake-Bold),url(./Momcake-Bold-peef53Eh.otf)}body{font-family:Quicksand;margin:0;padding:0;overflow-x:hidden}a{text-decoration:none;color:#000}h1{font-family:Momcake-Bold;font-weight:400;font-size:64px;margin:0}h2{font-weight:500;font-size:1rem;letter-spacing:.2rem}input{font-family:Quicksand;background-color:var(--light-gray);border:none;padding:.7rem 10rem .7rem 1rem;border-radius:1rem}.search{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:3rem}#meal-gallery{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;max-width:1100px;margin:0 auto}.filter-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:3rem}.ingredient-item,.tag-item{white-space:nowrap}.dropdown{position:relative;display:inline-block}button{border:none;border-radius:.8rem;cursor:pointer;font-family:Quicksand;font-weight:700}.dropdown-button{background-color:#fff;border:1px solid var(--middle-gray);padding:5px 10px;color:var(--middle-gray);border-radius:.5rem}.dropdown-content{position:absolute;background:#fff;border:1px solid var(--middle-gray);padding:10px;border-radius:1rem;min-width:150px;z-index:100;max-height:300px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.dropdown:hover .dropdown-content{opacity:1;visibility:visible}.ingredient-dropdown .dropdown-content{display:grid;grid-template-columns:repeat(3,minmax(100px,1fr));gap:.5rem 2rem;min-width:300px;max-width:90vw;overflow-x:hidden;box-sizing:border-box}.tag-dropdown .dropdown-content{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:300px}.dropdown-content label{display:flex;align-items:center;gap:.5rem;white-space:normal;word-break:break-word}@media screen and (max-width: 1024px){main,.head{margin:1rem;padding:2rem}h1{font-size:44px}.meal-grid-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.meal img{height:180px}.filter-container button{margin-bottom:12px;margin-right:12px}header{margin:0}}@media screen and (max-width: 600px){.ingredient-dropdown .dropdown-content{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:90vw;padding:.5rem}.ingredient-dropdown .dropdown-content label{display:flex;align-items:center;gap:.5rem;width:100%;white-space:nowrap}}h3{font-family:Momcake;font-size:2rem}article{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0 2rem;position:relative}.button-red{background-color:var(--morfale-red);color:#fff;border:0px;align-self:stretch;padding:.8rem;font-weight:700;margin-top:12px;margin-left:2vw;margin-right:2vw}.button-red-inline{background-color:#fff;border:1px solid var(--morfale-red);padding:.8rem;cursor:pointer;color:var(--morfale-red);border-radius:.5rem;margin-top:2vh;margin-left:2vw;margin-right:2vw;align-self:stretch}.button-blue{background-color:var(--morfale-blue);color:#fff;border:0px;align-self:stretch;padding:.8rem;font-weight:700;margin-top:12px}#meal-card{width:200px;height:250px;display:flex;flex-direction:column;box-shadow:0 0 10px #0000001a;border-radius:10px;overflow:hidden;margin:10px}#meal-picture{width:100%;height:105px;object-fit:cover}#meal-description{padding:10px;color:#000}#meal-description h3{font-size:18px;margin:0}.meal-description-line{color:#353535;font-size:12px;margin:5px 0}.heart-button{background:none;border:none;cursor:pointer;transition:color .3s;margin-bottom:.5rem}.heart-button.favorited{color:var(--morfale-red)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:2rem 4rem;background-color:#fff;position:sticky;top:0;font-family:Quicksand;font-weight:700}.navbar-left{display:flex;align-items:center}.logo{height:3rem}.navbar-right{display:flex;align-items:center;gap:4rem}.nav-item{font-size:16px;display:flex;align-items:center;gap:5px;color:#000}.nav-item img{width:18px;height:18px;padding-left:.5rem}.nav-item:hover{color:var(--morfale-red)}@media (max-width: 768px){.navbar{padding:1rem}.nav-text{display:none}.logo{height:2rem}.nav-item img{width:1.5rem;height:1.5rem}.navbar-right{display:flex;gap:1rem}}footer{display:flex;flex-direction:column;align-items:center;margin-top:5rem;margin-bottom:2rem}footer p{font-weight:500}@media screen and (min-width: 601px){footer{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:0px}footer p{margin:0 1rem}}header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0 2rem}.header-logo{display:flex;align-items:center;max-width:20rem}.meal-container{max-width:600px;margin:auto;background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 0 10px #0000001a}.meal-image{width:100%;border-radius:8px}.meal-title{margin-top:1rem}.ingredients-list{list-style-type:disc;padding-left:1.5rem}.meal-instructions{margin-top:1rem}.kitchen-timer{width:300px;margin:40px auto;padding:30px;border-radius:20px;background:#fefefe;box-shadow:0 0 20px #0000001a;text-align:center;font-family:Courier New,Courier,monospace}.timer-display{font-size:3em;margin-bottom:20px;color:#333}.time-inputs{display:flex;justify-content:center;align-items:center;gap:5px;margin-bottom:20px}.time-inputs input{width:50px;font-size:1.2em;text-align:center;border:2px solid #ddd;border-radius:8px;padding:5px}.timer-buttons button{font-size:1em;padding:10px 20px;margin:0 5px;border:none;border-radius:8px;cursor:pointer;transition:.3s}.timer-buttons button:first-child{background-color:#4caf50;color:#fff}.timer-buttons button:last-child{background-color:var(--morfale-red);color:#fff}.timer-buttons button:hover{opacity:.8}