#header{font-family:Rock Salt,cursive;font-style:normal;font-weight:400;margin-bottom:80px;text-align:center}body{background:#fff}#search-body{background-color:#fff;float:center;padding-top:20px;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:1}#search-input{border:10px solid #feeba8;border-radius:20px;font-size:24px;height:50px;text-align:center;width:40%}#search-input:focus::placeholder{color:#0000}#search-input:focus{border:10px solid #f7d488;outline:none}#search-input::placeholder{color:gray;font-size:20px;font-weight:bolder;text-align:center}#display-body{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1.5rem}#recipe-card{align-items:center;background-color:#f0f8ff;border-radius:20px;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:20px;z-index:0}#recipe-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px);transition:all .3s ease;z-index:0}#recipe-name{align-content:center;border:0 solid #000;font-family:Mandali,sans-serif;font-size:32px;margin-bottom:0;margin-top:10px;overflow:hidden;text-overflow:ellipsis}#recipe-image{border-radius:20px;height:300px;object-fit:cover;width:100%}#recipe-details{display:flex;flex-direction:row;font-weight:400;justify-content:space-evenly;width:100%}#recipe-youtube{border:0;margin-left:2px}#recipe-image-shimmer{background-color:gray;border:1px solid gray;border-radius:20px;height:200px;margin-top:10%;object-fit:cover;width:80%}#search-btn{background-color:#f0f8ff;border:1px solid #000;border-radius:20px;margin-left:5px}#filter-body,#search-btn-body{display:flex;flex-direction:row;justify-content:center}#filter-body{background-color:#fff;float:center;margin-bottom:20px;margin-top:20px;padding-bottom:10px;padding-top:20px;position:-webkit-sticky;position:sticky;text-align:center;top:90px;z-index:1}.filterdropdown{border-radius:10px;height:30px;margin-left:10px;margin-right:20px}#modal-body{background-color:#f0f8ff;border-radius:20px;font-family:Mandali,sans-serif;text-align:center;z-index:2}#modal-img{border-radius:20px;margin-bottom:20px;object-fit:cover;width:50%}#modal-name{font-size:30px;font-weight:bolder;margin-bottom:10px}#table,#table td,#table th{border:1px solid #000;border-collapse:collapse;margin:20px auto;padding:10px;width:40%}#close-btn{border-radius:10px;float:right;position:-webkit-sticky;position:sticky;top:0}#norecipe{color:red;font-family:Mandali,sans-serif;font-size:24px;font-weight:bolder;text-align:center}#details-btn{background-color:#000;border-radius:20px;color:#fff;cursor:pointer;height:40px;width:200px}.ReactModal__Overlay{z-index:2}
/*# sourceMappingURL=main.064b8cc4.css.map*/