body{padding:0;margin:0;box-sizing:border-box}body .favs{background-color:beige;display:flex;justify-content:space-between;align-items:center;height:10vh;font-size:2rem;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}body .favs .title{text-decoration:none;font-family:cursive;font-size:1.6rem;color:#000;padding:10px}body .favs .icon{color:red;font-size:2rem;margin-left:10px}body .Favorites{height:100%;width:100%;display:flex;justify-content:space-around;margin:10px;flex-wrap:wrap}body .Favorites .card{width:20vw;height:68vh;border-radius:20px;display:flex;flex-direction:column;padding:15px;margin-top:23px;margin-bottom:20px;margin-right:10px;background-color:bisque}body .Favorites .card .image{height:50%;width:100%;text-align:center;border-radius:20px}body .Favorites .card .image .imgg{object-fit:cover;height:100%;width:100%;display:flex;border-radius:20px;justify-content:center;align-items:center}body .Favorites .card .talaa{display:flex;flex-direction:column;justify-content:space-evenly}body .Favorites .card .talaa .idd{background-color:beige;height:5vh;width:auto;display:flex;justify-content:center;align-items:center;border-radius:20px;font-size:x-large}body .Favorites .card .talaa .meall,body .Favorites .card .talaa .categoryy{background-color:beige;height:5vh;justify-content:center;align-items:center;width:auto;display:flex;border-radius:20px;font-weight:700;font-family:Arial,Helvetica,sans-serif}body .Favorites .card .talaa button{border-radius:20px;border:none;background-color:beige;height:5vh;font-weight:700;font-family:Arial,Helvetica,sans-serif}body .Favorites .card .talaa button:hover{cursor:pointer;background-color:red;color:#fff;transition:.2s ease-in-out}.top{display:flex;justify-content:space-around;align-items:center;background-color:#f4a261;top:0;position:sticky}.top .title{font-family:cursive;font-size:1.6rem}.top .search{display:flex;width:25%;justify-content:space-around}.top .search input{height:5vh;width:18vw;padding:5px;border-radius:10px;border:none;background-color:#1b3b36;color:#fff}.top .search input::placeholder{color:#9b9696}.top .search button{height:6vh;width:4.5vw;border-radius:10px;border:none;background-color:#1b3b36;color:#fff}.top .search button:hover{cursor:pointer}.top .links{width:7%;display:flex;justify-content:space-around;align-items:center}.top .links .link{text-decoration:none;color:#1b3b36;font-size:20px;display:flex;margin-right:20px}.top .links .link .icon{margin-left:5px;color:#fa3939}body{height:90vh;padding:0;margin:0;overflow-x:hidden;box-sizing:border-box}body .Receipes{background-color:#1b2626;height:100%;max-width:100vw;padding:20px;box-sizing:border-box;display:flex;justify-content:space-evenly;flex-wrap:wrap;flex:1,1,200px}body .Receipes .card{border:white 1px solid;width:20%;height:50%;padding:15px;border-radius:20px;display:flex;flex-direction:column;justify-content:space-evenly;margin-bottom:30px}body .Receipes .card .image{height:55%;border:white 1px solid;border-radius:20px;margin-bottom:10px}body .Receipes .card .image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}body .Receipes .card .tala{border:white 1px solid;border-radius:20px;height:20%;display:flex;justify-content:space-evenly;align-items:center;margin-bottom:10px;padding:10px}body .Receipes .card .tala p{height:1vh;font-size:20px;color:#fff;display:flex;justify-content:center;align-items:center;margin-right:5px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}body .Receipes .card .button{display:flex;justify-content:center;align-items:center}body .Receipes .card .button button{height:4vh;width:8vw;border-radius:10px;border:none;font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:15px}body .Receipes .card .button button:hover{cursor:pointer}body{padding:0;margin:0}body .receipess{display:flex}body .receipess .left{left:0;display:flex;width:30%;height:100%;padding:10px;background-color:beige;flex-direction:column}body .receipess .left .img{height:50vh;border-radius:20px;padding:10px;width:95%}body .receipess .left .img img{object-fit:cover;height:100%;width:100%;border-radius:20px}body .receipess .left .ingredients{display:flex;justify-content:center;flex-direction:column}body .receipess .left .ingredients .ing{text-align:center;font-size:30px;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}body .receipess .left .ingredients .bottom{border:1px solid black;display:flex;justify-content:center;padding:20px;border-radius:20px;margin:10px;background-color:#35576e;color:#fff;border:none}body .receipess .left .ingredients .bottom .Name,body .receipess .left .ingredients .bottom .Measure{display:flex;justify-content:center;align-items:center;font-weight:600;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}body .receipess .right{right:0;background-color:#1d84b4;height:100bh;width:70%;display:flex;flex-direction:column;justify-content:start}body .receipess .topp{padding:5px;height:30%;margin:10px}body .receipess .topp .id{height:9vh;display:flex;font-size:3rem;justify-content:center;align-items:center;background-color:bisque;border-radius:20px;font-family:Georgia,Times New Roman,Times,serif}body .receipess .topp .name{height:10vh;display:flex;font-size:2rem;justify-content:space-around;align-items:center;background-color:bisque;border-radius:20px;font-family:Georgia,Times New Roman,Times,serif}body .receipess .mid{border:1px solid black;padding:15px;height:100%;background-color:bisque;margin:15px;border:none;border-radius:20px}body .receipess .mid .instructions{height:20%;display:flex;flex-direction:column;justify-content:start;align-items:center;height:100%}body .receipess .mid .instructions .INS{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:30px;margin-bottom:20px;font-weight:700}body .receipess .mid .instructions .ins{font-size:25px;font-family:Cambria,Cochin,Georgia,Times,Times New Roman,serif}.buttt{height:6vh;border-radius:20px;border:none;background-color:#35576e;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none}.buttt:hover{cursor:pointer;background-color:#e40000;transition:.3s ease-in;color:#000}