@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@font-face{font-family:BellaStella;src:url(bella_stella_-_personal_use.e8b8b0ae.woff2)format("woff2"),url(bella_stella_-_personal_use.a110ccc0.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;color:#2f4f4f;margin:0;padding:0;font-family:Poppins,sans-serif}.spinner-div{z-index:2001;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.spinner-div__loader{box-sizing:border-box;border:5px solid #a3a3a3;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{opacity:0;text-align:center;z-index:2002;background-color:#f8f8f8;border-radius:8px;justify-content:center;align-items:center;height:100px;padding:24px;animation:3s ease-out forwards pop-up;display:flex;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 5px #00000029}.error__message{color:#f00a;font-style:italic;font-weight:700}@keyframes pop-up{0%{opacity:.5}80%{opacity:1}to{opacity:0;display:none}}.header{justify-content:space-between;align-items:center;padding:1em;font-size:1.2em;display:flex;box-shadow:0 0 5px #2f4f4f}@media (width<=400px){.header{padding:1em}}.header .header__logo{font-family:BellaStella,sans-serif;font-size:2.5em}@media (width<=400px){.header .header__logo{font-size:2em}}@media (width<=300px){.header .header__logo{font-size:1.5em}}.header .header__search{position:relative}.header .header__search .header__search-bar{border:1px solid gray;border-radius:30px;width:20em;height:3em;padding-left:1em;font-size:1rem;transition:all .3s}@media (width<=500px){.header .header__search .header__search-bar{width:10em}}@media (width<=350px){.header .header__search .header__search-bar{height:2em;padding:.5em}.header .header__search .header__search-bar::placeholder{font-size:.8rem}}@media (width<=270px){.header .header__search .header__search-bar{width:8em;font-size:.7em}.header .header__search .header__search-bar::placeholder{font-size:.6rem}}.header .header__search .header__search-bar:focus{border-color:#007bff;outline:none;box-shadow:0 0 5px #007bff80}.header .header__search .header__search-btn{color:#fff;cursor:pointer;background-color:#007bff9e;border:none;border-radius:50%;width:2em;height:2em;transition:background-color .3s;position:absolute;top:50%;right:1em;transform:translateY(-50%)}.header .header__search .header__search-btn:hover{background-color:#0056b3}@media (width<=350px){.header .header__search .header__search-btn{width:1.5em;height:1.5em}}@media (width<=270px){.header .header__search .header__search-btn{transform:translate(10px,-45%)}}.header .header__bookmark-title{cursor:pointer;transition:color .5s}.header .header__bookmark-title:hover{color:#4f8181}@media (width<=300px){.header .header__bookmark-title{font-size:.8em}}.header .header__bookmark-items{z-index:1001;opacity:0;visibility:hidden;background-color:#2f4f4f;border-radius:1.5em;min-height:15em;transition:max-height .5s,opacity .5s;position:absolute;right:1em;overflow:hidden}.header .header__bookmark-items.open{opacity:1;visibility:visible}.header .header__bookmark-items .header__bookmark-items__lists{width:12em;list-style:none}.header .header__bookmark-items .header__bookmark-items__lists li{border-bottom:1px solid #8d8d8d8d;gap:1em;width:12em;padding:1em;transition:background-color .3s;display:flex;overflow:hidden}.header .header__bookmark-items .header__bookmark-items__lists li:last-child{border:none}.header .header__bookmark-items .header__bookmark-items__lists li:hover{background-color:#4f8181;border-radius:1.5em}.header .header__bookmark-items .header__bookmark-items__lists li div{background-color:gray;border-radius:50%;width:20px;height:20px;display:inline-block;overflow:hidden}.header .header__bookmark-items .header__bookmark-items__lists li div img{object-fit:cover;width:100%;height:100%}.header .header__bookmark-items .header__bookmark-items__lists li p{color:#fff;font-size:10px}.recipe-items{flex-direction:column;align-items:center;gap:1.5em;display:flex}.recipe-items a{text-decoration:none}.recipe-items.close{display:none}.recipe-items .recipe-items__card{background-color:#f2f1f1;border-radius:18px;gap:1em;width:700px;padding:2em;display:flex}@media (width<=700px){.recipe-items .recipe-items__card{flex-direction:column;align-items:center;width:70vw}}@media (width<=350px){.recipe-items .recipe-items__card{padding:1em}}.recipe-items .recipe-items__card-img{background-color:#2f4f4f;border-radius:50%;width:5em;height:5em;overflow:hidden}@media (width<=350px){.recipe-items .recipe-items__card-img{width:15vw;height:15vw}}.recipe-items .recipe-items__card-img .recipe-items__img{object-fit:cover;width:100%;height:100%}.recipe-details{z-index:1005;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:fixed;top:0}@media (height<=700px){.recipe-details{height:700px}}.recipe-details__overlay{z-index:-1;background-color:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.recipe-details__modal{grid-gap:1em;text-align:center;background-color:#fff;border-radius:10px;flex-direction:column;grid-template-columns:1fr;width:90%;max-width:600px;max-height:90vh;padding:2em;display:flex;overflow-y:scroll;box-shadow:0 4px 10px #0003}@media (height<=690px){.recipe-details__modal{transform:translateY(-30px)}}@media (height<=600px){.recipe-details__modal{margin:10px 0}}@media (height<=570px){.recipe-details__modal{margin:10vw 0}}@media (height<=520px){.recipe-details__modal{justify-self:baseline}}@media (height<=500px){.recipe-details__modal{margin:15vw 0}}@media (height<=560px) and (width<=400px){.recipe-details__modal{margin-bottom:30vw}}.recipe-details__img{justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto;display:flex}.recipe-details__img-element{object-fit:cover;width:100%;height:100%}.recipe-details__info{flex-wrap:wrap;justify-content:center;gap:2em;display:flex}.recipe-details__info span{margin-bottom:.5em;font-size:1.1rem;display:block}@media (width<=450px){.recipe-details__info span{font-size:.8rem}}.recipe-details__bookmark{color:#fff;cursor:pointer;text-transform:uppercase;background-color:#2f4f4f;border:none;border-radius:5px;padding:.5em 1em;font-size:1rem;transition:background-color .3s}@media (width<=450px){.recipe-details__bookmark{font-size:.8rem}}.recipe-details__bookmark:hover{background-color:#426f6f}.recipe-details__ingredients{grid-column:1/-1}.recipe-details__ingredients h2{text-align:center}@media (width<=300px){.recipe-details__ingredients h2{font-size:18px}}.recipe-details__ingredients-list{flex-wrap:wrap;justify-content:center;margin:0;padding:2em;display:flex}.recipe-details__ingredients-list .recipe-details__ingredient-item{border-bottom:1px solid #ccc;margin:0 2em;padding:.5em 0}.add-recipe{padding:2em;font-size:1.4em;font-style:italic}@media (width<=400px){.add-recipe{padding:1em;font-size:1em}}.add-recipe .add-recipe__icon{cursor:pointer}.add-recipe__form{background-color:#fff;border-radius:8px;grid-template-columns:1fr;gap:1.5em;width:90%;max-width:600px;margin:0 auto 10em;padding:2em;display:none;position:relative;box-shadow:0 4px 10px #0003}.add-recipe__form.open{display:grid}@media (width>=768px){.add-recipe__form{grid-template-columns:repeat(2,1fr)}}.add-recipe__title{text-align:center;grid-column:1/-1;margin-bottom:20px;font-size:1.5rem;font-weight:700}.add-recipe__label{font-weight:700;display:block}.add-recipe__input{border:1px solid #ccc;border-radius:4px;width:100%;padding:1em;font-size:1rem}.add-recipe__button{color:#fff;cursor:pointer;text-transform:uppercase;background-color:#2f4f4f;border:none;border-radius:4px;grid-column:1/-1;width:100%;padding:1em;font-size:1rem;font-weight:700;transition:background-color .3s}.add-recipe__button:hover{background-color:#426f6f}
/*# sourceMappingURL=index.0c3dd9e4.css.map */