body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:0}.App,.image-preview{text-align:center}.image-preview{margin-top:20px}.image-preview img{border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:100%}.home-container{padding:20px}.app-header{align-items:center;background-color:#333;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 15px}.nav-links li a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s}.nav-links li a:hover{color:#fc0}.logout-button,.subscribe-button{background-color:#fc0;border:none;color:#333;cursor:pointer;font-size:14px;padding:8px 15px;text-align:left;transition:background-color .3s;width:100%}.logout-button:hover,.subscribe-button:hover{background-color:#f90}@media screen and (max-width:768px){.nav-links{display:none}.app-header{align-items:flex-start;flex-direction:column}.profile-menu{margin-top:10px}.nav-links li{margin:10px 0}.profile-menu .dropdown-menu{position:static;width:100%}}.nav-links:last-child{margin-left:auto}.filter-buttons button.active,.filter-buttons button:hover{background-color:#0056b3}.recipes-list{grid-gap:2%;display:grid;flex-wrap:wrap;gap:2%;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding-top:1%;width:95%}.recipe-card,.recipes-list{display:flex;justify-content:center}.recipe-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex-direction:column;margin:20px;padding:20px;text-align:left;width:20%}.recipe-card h3{font-size:1.5rem;margin:0 0 10px;text-align:center}.recipe-card p{margin:5px 0}.recipe-actions{display:flex;gap:10px;margin-top:10px}.delete-button,.edit-button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:5px 10px}.edit-button{background-color:#007bff;color:#fff;text-decoration:none}.edit-button:hover{background-color:#0056b3}.delete-button{background-color:#dc3545;color:#fff}.delete-button:hover{background-color:#a71d2a}.recipe-details-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:50px auto;max-width:600px;padding:20px}.recipe-details-container h2{margin-bottom:20px}.recipe-details-container ul{list-style-type:decimal;padding-left:20px}.recipe-details-container button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:5px;padding:10px 20px}.recipe-details-container button:hover{background-color:#0056b3}.recipe-details-container button:nth-child(2){background-color:#dc3545}.recipe-details-container button:nth-child(2):hover{background-color:#a71d2a}.details-link{background-color:#007bff;border-radius:4px;color:#fff;display:inline-block;margin-top:10px;padding:5px 10px;text-decoration:none}.details-link:hover{background-color:#0056b3}.search-bar{display:flex;height:40px;justify-content:center;margin-bottom:20px}.search-bar button{background-color:#007bff;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px}.search-bar button:hover{background-color:#0056b3}button{border:none;border-radius:4px;cursor:pointer;font-weight:700;margin:5px;padding:10px 20px}button:hover{opacity:.9}button:disabled{background-color:#ccc;cursor:not-allowed}.comment{background:#f9f9f9;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:10px}.add-comment{margin-top:20px}.add-comment textarea{padding:10px;width:100%}.add-comment select,.add-comment textarea{border:1px solid #ccc;border-radius:4px;margin-bottom:10px}.add-comment select{padding:5px}.add-comment button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.add-comment button:hover{background-color:#0056b3}.share-section{margin-top:20px;text-align:center}.share-section h3{margin-bottom:10px}.social-links{margin-top:10px}.social-links a{color:#007bff;font-weight:700;margin:0 10px;text-decoration:none}.social-links a:hover{text-decoration:underline}.copy-link-button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.copy-link-button:hover{background-color:#218838}
/*# sourceMappingURL=main.48ffa29e.css.map*/