*{box-sizing:border-box;margin:0;padding:0}a{color:#fff;text-decoration:none}ul li{list-style:none}body{background:#2d2013;color:#fff;padding:10px}header{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:center}header img{border-radius:50%;width:100px}.navbar{display:flex;gap:50px}footer{align-items:center;display:flex;gap:10px}.cardContainer{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:0 50px}.cardContainer .card{background-color:#fff;border-radius:10px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);padding:10px;transition:all .3s;width:400px}footer img{height:70px;width:70px}.image-container img{border-radius:50px;padding:15px;width:65%}.cardContainer .card img{border-radius:5px;height:70%;width:100%}.cardContainer .card:hover{box-shadow:0 24px 32px 0 hsla(0,80%,94%,.2);transform:scale(1.15)}.cardContainer .card .card__body__top{color:#d57d1f;display:flex;justify-content:space-between;margin:5px}.cardContainer .card .card__body__buttons{display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:10px;padding:10px}.btn{background:#2d2013;border:2px solid #000;border-radius:10px;color:#d57d1f;cursor:pointer;display:inline-block;padding:10px;transition:all .4s}.btn:hover{background:#472e17;color:#ffcb69}.fa-heart-o{font-size:16px}.like-icon{align-items:center;cursor:pointer;display:flex;flex-direction:column}.pop-up{background-color:#fff;border-radius:5px;bottom:40px;box-shadow:0 2px 5px 0 rgba(#000,.25);color:#000;left:60px;margin:0 auto;max-width:60%;overflow-y:scroll;padding:15px 25px;position:fixed;right:60px;top:100px;z-index:10}.image-container{display:flex;justify-content:center}.pop-up a{color:blue}.btn-close{background-color:#fff;border:none;cursor:pointer;margin:15px;padding:5px;position:absolute;right:0;top:0}.pop-up h3,h4{text-align:center}.meal-info{border:1px solid #000;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin:15px;padding:15px}.info{display:flex;gap:15px}details{border:1px solid #aaa;border-radius:4px;padding:.5em .5em 0}summary{font-weight:700;margin:-.5em -.5em 0}details[open],summary{padding:.5em}details[open] summary{border-bottom:1px solid #aaa;margin-bottom:.5em}.info-detail{display:block}.comment-form{align-items:center;background:#ccc;border-radius:15px;display:flex;flex-direction:column;gap:15px;justify-content:center;margin:10px;padding:15px}input[type=text],textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;display:inline-block;margin:8px 0;padding:12px 20px;width:100%}button[type=submit]{background-color:#2d2013;border:none;border-radius:4px;color:#d57d1f;cursor:pointer;margin:8px 0;padding:14px 20px;transition:all .4s;width:100%}.comments .comment-list{display:flex;flex-direction:column;justify-content:center;margin:10px 10px 10px 10rem;padding:10px}.comment-list li{border-bottom:.5px solid #ccc;display:flex;gap:15px;margin:5px;padding:5px}.comment-list .comment-date{font-size:14px}.comment-list .comment-username{font-weight:700}.comment-list .comment-comment{font-style:italic}.contact-us{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:15px;padding:25px}.contact-us a{color:#fff;display:block;font-size:1.2rem;font-style:italic;margin-bottom:10px}.contact-us a:hover{cursor:pointer;text-decoration:underline}.authors{margin-top:10px}.authors li{margin:50px}.authors span{color:gold;font-size:1.5rem;margin:10px}