*{margin:0;padding:0;box-sizing:border-box}html{background:#222;color:rgba(255,255,255,0.8)}body{font-family:'Inter UI', Helvetica, sans-serif;line-height:1.5;font-size:100%}.home{padding:0 16px}.home-head{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.recipe-list{display:flex;flex-direction:row;flex-wrap:wrap}.recipe{display:block;position:relative;height:225px;width:390px;margin:4px}.recipe:hover .recipe-image{opacity:0.8}.recipe__vegan-marker{background:#4caf50;color:white;position:absolute;padding:4px;top:0;right:8px;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.recipe-image{transition:.2s ease all;opacity:1;border-radius:4px;height:100%;width:100%;filter:grayscale(1);background:rgba(255,255,255,0.2) center;background-size:cover;background-image:url(../assets/tile.png)}.recipe-title{background:rgba(0,0,0,0.5);position:absolute;bottom:0;left:0;right:0}.recipe-title .recipe-name{color:white;font-weight:bold;padding:1rem;text-decoration:none}.search-box{border-radius:5px;border:2px solid #eee;box-shadow:0 0 14px rgba(0,127,255,0.1);width:100%;max-width:1000px;height:2.25rem;padding:1.5rem;font-size:1rem;margin:16px 0}.search-results{display:flex;flex-direction:row;flex-wrap:wrap}.post-content{padding:0 1rem;margin:0 auto;max-width:64em}.post-title{margin:2rem .5rem .5rem;text-align:center;font-size:2rem;font-weight:bold}.recipe-metadata-list{margin-top:2rem;display:flex;flex-direction:row;flex-wrap:wrap}.recipe-metadata{border:rgba(255,255,255,0.2) 1px solid;border-radius:4px;width:16.6667%;margin-bottom:.5rem;margin-right:.5rem;text-align:center}.metadata-header{text-transform:capitalize;background:rgba(255,255,255,0.2);color:rgba(255,255,255,0.9);padding:0.5rem;margin:0;font-size:0.875rem}.metadata-value{font-size:1rem;margin-bottom:1rem}.ingredients p{margin-bottom:0.5rem}ul{margin:0;padding:0;list-style:none}ul li{padding:0 0 0 25px;position:relative}ul li input{position:absolute;top:5px;left:0;opacity:0.5}