:root{--text-color: #000000;--sub-text-color: #5f5f5f;--border: #d4d4d4 1px solid;--border-radius: 5px}*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:none;color:var(--text-color)}a:checked{color:var(--text-color)}nav{display:flex;align-items:center;padding:0 2rem;height:5rem;justify-content:center;box-shadow:0 3px 10px #d4d4d4}#nav_logo{display:flex;gap:10px;position:absolute;left:2rem}#search_box{flex:1;border:none;border-radius:5px;padding:.5rem;font-size:1.2rem;max-width:500px;border:var(--border);background-color:#f2f2f2}main{display:flex;flex-direction:column;align-items:center;padding:30px 20px 20px}#result_content{width:1050px;max-width:100%;display:flex;justify-content:center;align-items:stretch;gap:10px;padding:30px 20px 20px}.main_content{width:75%;max-width:800px}.sidebar{height:fit-content;width:25%;max-width:250px;position:sticky;top:50px;border:var(--border);border-radius:var(--border-radius);padding:10px}.filters{display:flex;flex-direction:column;gap:10px;margin-top:20px}.filter_content{margin-top:10px}.num_range{display:flex;gap:10px;align-items:center}.num_range input{width:100%;border:var(--border);border-radius:var(--border-radius);padding:5px}#apply_filter{width:100%;height:40px;border:var(--border);background-color:#c7ffce;border-radius:var(--border-radius);margin-top:20px;cursor:pointer}.recipes{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;padding:10px;border:var(--border);border-radius:var(--border-radius)}#load_more{display:flex;justify-content:center;align-items:center;width:100%;height:50px;border:var(--border);border-radius:var(--border-radius);margin-top:20px;cursor:pointer}.recipe_box{display:flex;flex-direction:column;gap:20px;flex:0 0 calc(100%/3 - 7px)}.loading_box{width:100%;height:200px;background-color:#dedede}.recipe_image_box{position:relative}.recipe_image_box .recipe_calories{position:absolute;top:10px;right:10px;background-color:var(--sub-text-color);color:#fff;padding:5px;border-radius:5px;font-size:1.2rem}.recipe_box img{width:100%;object-fit:cover;border-radius:20px}.recipe_box .recipe_title{font-size:1.5rem}.recipe_box .recipe_source{font-size:1.2rem;color:var(--sub-text-color)}
