#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}html,body{padding:0;margin:0;box-sizing:border-box}.navbar{display:flex;justify-content:space-between;align-items:center;top:0;left:0;height:100px;position:fixed;width:100%;z-index:1000;background-color:#fff}.logo-link{display:flex;align-items:center}.navbar-logo{height:90px;margin-top:10px;width:auto;object-fit:contain}.navbar-links{display:flex;gap:40px;align-items:center;padding:0 25px}.navbar-links a{text-decoration:none;color:#000;font-weight:200;font-size:22px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;transition:color .3s ease}.navbar-links a:hover{color:#124075;font-weight:300}.recipe-card{display:flex;flex-direction:column;width:400px;background-color:#d3e1fa5e;border-radius:15px;overflow:hidden;cursor:pointer;box-shadow:0 4px 15px #00000017}.recipe-card:hover{transform:translate(-2px)}.recipe-card img{width:100%;height:250px;object-fit:cover;border-bottom:1px solid rgb(221,221,221)}.recipe-card img:hover{transform:scale(1.02)}.recipe-card-content{padding:10px;display:flex;flex-direction:column;gap:2px}.recipe-name{font-weight:500;font-size:25px;font-style:italic;color:#09103d}.prep-time{font-size:20px;color:#646568}.author{font-size:18px;color:#497ab3}body{padding-top:80px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.recipes-container{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;padding:0 30px}.searchbar-container{max-width:800px;margin:0 auto 20px;padding:20px;border-radius:15px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;background-color:#0b376332}.searchbar-container label{display:block;font-size:22px}.searchbar-container input{width:100%;padding:10px 12px;border-radius:10px;border:none;font-size:14px}.search-tip{margin-top:10px;font-size:12px;color:#07315a;padding:10px;border-radius:10px;background-color:#f0f8ffb6;font-family:Verdana,Geneva,Tahoma,sans-serif}.loading-icon{width:50px;margin:0 auto}.loading-icon img{width:100%}.recipe-details-container{max-width:800px;margin:10px auto;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.recipe-header-card{background:#c7dfff76;text-align:center;max-width:800px;padding:5px;border-radius:15px;box-shadow:0 5px 15px #00000037;margin-bottom:60px}.recipe-header-card h1{font-size:40px;font-weight:600;color:#000;margin-bottom:20px}.recipe-header-card p{color:#515164;font-size:18px;font-weight:300;margin:10px 5px}.recipe-image-container{border-radius:15px;width:100%;height:300px;overflow:hidden}.recipe-image{width:100%;height:100%;object-fit:cover;display:block}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.ingredients-card,.instructions-card{background:#e3eef291;border-radius:15px}.ingredients-card h2,.instructions-card h2{font-size:25px;font-weight:300}.instructions-card ol{padding-left:30px}.instructions-card li{margin-bottom:5px;line-height:1.8;text-align:left}.loading{margin-top:150px;text-align:center;font-size:30px}.delete-btn,.edit-btn{border-radius:10px;padding:12px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:18px;background-color:#03345f;color:#fff}.user-actions{display:flex;justify-content:space-between}.comments-section{background:#003b5139;border-radius:15px;padding:20px}.comments-section h1{font-size:25px;font-weight:300}.comment-box{background:#fff;padding:20px;border-radius:15px;box-shadow:0 5px 10px #003b5139;margin-bottom:25px}.comment-button{border-radius:10px;padding:10px;border:1px solid rgb(7,6,76);color:#050546;background:#fff}.comment-button:hover{color:#fff;background-color:#07064c}.post-btn,.close-btn{border-radius:10px;padding:10px;border:1px solid rgb(7,6,76);color:#050546;background:#fff}.post-btn:hover,.close-btn:hover{color:#fff;background-color:#07064c}.post-comment{display:flex;flex-direction:column;gap:8px}.post-comment textarea{border-radius:10px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;padding:5px 10px;font-size:15px}.comment-feed{display:flex;flex-direction:column;gap:15px}.comment-card{background:#a8e2ff41;border-radius:15px;border:1px solid rgba(0,0,0,.277);padding:15px}.comment-header{display:flex;justify-content:space-between;padding:0 20px}.comment-author,.comment-date{color:#565656}.comment-body{margin-top:5px;background:#040f49;padding:1px 0;border-radius:15px}.comment-description{color:#fff;font-size:16px;line-height:1.5}.image-preview{width:300px;border-radius:15px}.signup-container{max-width:500px;margin:100px auto;padding:20px;background:#deeef3dc;box-shadow:0 5px 25px #539ad938;border-radius:10px;text-align:center}.signup-container h1{font-size:30px;margin-bottom:30px;font-weight:300;color:#000;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.signup-form{display:flex;flex-direction:column;gap:30px}.form-control-sign-up{display:flex;flex-direction:column}.form-control-sign-up input{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:100;font-size:1rem;border-radius:8px;border:1px solid rgb(120,120,120);transition:all .3s ease;padding:1rem}.form-control-sign-up input:focus{border-color:#265d9c;outline:none;box-shadow:0 0 0 3px #2e57869d}.signup-btn{background-color:#124075;color:#fff;padding:15px;margin-top:5px;border-radius:10px;font-size:1.15rem;border:none;cursor:pointer;transition:background .3s ease}.signup-btn:hover{background-color:#eaf5ff;color:#000}.signin-container{max-width:500px;margin:100px auto;padding:20px;background:#deeef3dc;box-shadow:0 5px 25px #539ad938;border-radius:10px;text-align:center}.signin-container h1{font-size:30px;margin-bottom:30px;font-weight:300;color:#000;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.signin-form{display:flex;flex-direction:column;gap:30px}.form-control-sign-in{display:flex;flex-direction:column}.form-control-sign-in input{font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:100;font-size:1rem;border-radius:8px;border:1px solid rgb(120,120,120);transition:all .3s ease;padding:1rem}.form-control-sign-in input:focus{border-color:#265d9c;outline:none;box-shadow:0 0 0 3px #2e57869d}.error-message{color:#d4150e;font-size:1.1rem;margin-top:15px;text-align:left}.signin-btn{background-color:#124075;color:#fff;padding:15px;margin-top:5px;border-radius:10px;font-size:1.15rem;border:none;cursor:pointer;transition:background .3s ease}.signin-btn:hover{background-color:#eaf5ff;color:#000}form{max-width:800px;margin:20px auto;padding:20px;border-radius:15px;background-color:#0b37636e;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.form-control{display:flex;flex-direction:column;margin-bottom:10px;gap:5px;justify-content:center}.form-control label{font-weight:400;font-size:15px;color:#07315a;margin-bottom:10px;margin-top:5px;text-align:left}.form-control input,.form-control select,.form-control textarea{padding:7px;border-radius:10px;border:none;font-size:14px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.error-message{color:red;font-size:14px;margin-top:5px;font-weight:300}.formNavigation{display:flex;justify-content:space-between}.formNavigation button{border-radius:10px;border:none;cursor:pointer;font-size:14px;font-weight:400;padding:10px 25px;background-color:#07315a;color:#fff;margin-top:15px;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.formNavigation button:hover{background-color:#cfdae8;color:#000}.remove-btn{background-color:#98271a;color:#fff;border-radius:15px;padding:7px 0;margin-top:5px;font-size:14px;border:none}.remove-btn:hover{background-color:#98271a92}.add{border-radius:10px;border:none;cursor:pointer;justify-content:left;font-size:15px;font-weight:400;padding:10px 20px;background-color:#07315a;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}