:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde}*{margin:0;padding:0;box-sizing:border-box}footer{flex-shrink:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1;padding-block-end:3rem;color:#535bf2}h2{text-align:center;padding-block-end:3rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;margin-block-start:1rem}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.static{width:100vw;padding:1rem;background-color:#f0f8ff}.flex-2{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.flex-col{display:flex;flex-direction:column}.flex-col label{margin-block-start:1rem}.space-edge{margin-inline:5rem}.footer{color:#535bf2;text-align:center}.main-content{height:calc(100vh - 7rem);place-content:center;width:fit-content;margin:0 auto}.recipe{background-color:#f0f8ff;color:#1a1a1a;padding:2rem;border-radius:.5rem;margin:1rem}.input-field{padding:.5rem;border-radius:.5rem}.center{text-align:center}.description{width:500px;margin:2rem auto;line-height:2rem;font-size:x-large;font-weight:700}.primary-btn{background-color:#646cff}.delete-btn{background-color:#f95252;color:#f0f8ff}.update-btn{background-color:#535bf2}.details{background-color:#535bf2;padding:.5rem;border-radius:.5rem;width:500px}.favorite{background-color:#666eff;margin-block:2rem}.favorite-details{display:"flex";justify-content:"center";flex-wrap:"wrap"}.pad-y{padding-block:6rem}