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}.title-container{align-items:center;display:flex;margin-bottom:15px}.title-container h1{line-height:1.2;margin:0}.collection-icon{cursor:pointer;height:17px;margin-bottom:20px;margin-left:9px;vertical-align:middle;width:12px}.recipe-container{background-color:#fff;border-radius:10px;margin:10px;overflow:hidden;padding-bottom:10px;padding-left:30px;width:95%}.recipe-header{align-items:flex-start;display:flex;flex-wrap:wrap}.recipe-image{align-items:center;display:flex;flex:0 0 350px;height:350px;justify-content:center;overflow:hidden;width:350px}.recipe-image img{height:100%;object-fit:cover;width:100%}.profile-image img{border-radius:50%;height:15px;margin-right:10px;width:15px}.profile-image{margin-top:-15px}.recipe-info .author{color:#000;font-size:10px;margin-left:20px;margin-top:-18px}.hashtag{font-size:13px;margin-right:6px}.recipe-info{display:flex;flex:2 1;flex-direction:column;margin-left:15px;padding:10px 0 20px 20px}.recipe-info h1{font-size:2em;margin-top:-22px}.recipe-info .details{color:#000;font-size:14px;margin:10px 0 15px}.content-container{display:flex;flex-direction:row;justify-content:space-between}.ingredients-section,.instructions-section{flex:1 1;font-size:13px;margin-right:30px}.scrollable-content{background-color:#fff!important;border-bottom:2px solid #f0f0f0;margin-top:-15px;max-height:172px;max-width:450px;min-height:172px;overflow-y:auto}.ingredients ul,.instructions ol{list-style:none;margin:0;padding:0}.ingredients ul li,.instructions ol li{margin:8px 0}.feed-container{display:flex;flex-direction:column;height:calc(100vh - 76px);overflow-y:auto;position:fixed;top:76px;width:100%}.content{display:flex;height:100%}.feed{flex-grow:1;margin-right:370px;overflow-y:auto;padding-top:30px;width:calc(100% - 370px)}.sidebar{background-color:#fff;border-left:1px solid #ddd;padding:40px 50px 30px;position:fixed;right:0;top:76px;width:270px;z-index:10}.sidebar h2{margin-bottom:0;margin-top:0}.sidebar .search-bar{border:none;border-bottom:2px solid #ddd;margin-bottom:35px;outline:0;padding:8px 0;transition:border-color .3s ease;width:100%}.sidebar .search-bar:focus{border-bottom:2px solid #ff9e57}.suggested-filters{border-bottom:2px solid #f0f0f0;list-style-type:none;margin-top:0;max-height:calc(100vh - 300px);overflow-y:auto;padding:0}.suggested-filters li{cursor:pointer;padding:5px 0}.suggested-filters li:hover{text-decoration:underline}.collections-title-container{align-items:center;display:flex;margin-bottom:15px}.collections-title-container h1{line-height:1.2;margin:0}.collections-collection-icon{cursor:pointer;height:17px;margin-bottom:20px;margin-left:9px;vertical-align:middle;width:12px}.collections-recipe-container{background-color:#fff;border-radius:10px;margin:10px 10px -10px 40px;overflow:hidden;padding-left:0;padding-top:30px;width:98%}.collections-recipe-header{align-items:flex-start;display:flex;flex-wrap:wrap}.collections-recipe-image{align-items:center;display:flex;flex:0 0 350px;height:350px;justify-content:center;overflow:hidden;width:350px}.collections-recipe-image img{height:100%;object-fit:cover;width:100%}.collections-profile-image img{border-radius:50%;height:15px;margin-right:10px;width:15px}.collections-profile-image{margin-top:-15px}.collections-recipe-info .collections-author{color:#000;font-size:10px;margin-left:20px;margin-top:-18px}.collections-hashtag{font-size:13px;margin-right:6px}.collections-recipe-info{display:flex;flex:2 1;flex-direction:column;margin-left:15px;margin-right:50px;padding:10px 0 20px 20px}.collections-recipe-info h1{font-size:2em;margin-top:-22px}.collections-recipe-info .collections-details{color:#000;font-size:14px;margin:10px 0 15px}.collections-content-container{display:flex;flex-direction:row}.collections-ingredients-section,.collections-instructions-section{flex:1 1;font-size:14px}.collections-scrollable-content{background-color:#fff!important;border-bottom:2px solid #f0f0f0;margin-top:-15px;max-height:170px;max-width:450px;min-height:170px;overflow-y:auto}.collections-ingredients ul,.collections-instructions ol{list-style:none;margin:0;padding:0}.collections-ingredients ul li,.collections-instructions ol li{margin:10px 0}h2{font-size:1.5em;margin-bottom:10px;padding-bottom:10px}.post-container{background-color:#fff;border-radius:20px;box-sizing:border-box;display:flex;flex-wrap:wrap;margin:30px auto 0;max-width:1400px;overflow:hidden;padding:0;width:95%}.post-left-column,.post-right-column{box-sizing:border-box;padding:20px}.post-left-column{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-width:300px}.post-recipe-name{margin-bottom:20px}.post-recipe-name input{background-color:initial;border:none;border-bottom:2px solid #ddd;box-sizing:border-box;font-size:18px;font-weight:700;padding-bottom:8px;transition:border-color .3s ease;width:100%}.post-recipe-name input::placeholder{font-weight:400}.post-recipe-name input:focus{border-bottom:2px solid #ff9e57;outline:none}.post-upload-image{background-color:#f9f9f9;box-sizing:border-box;margin-bottom:20px;overflow:hidden;padding-top:100%;position:relative}.post-upload-image,.post-upload-placeholder{align-items:center;display:flex;justify-content:center;width:100%}.post-upload-placeholder{cursor:pointer;flex-direction:column;height:100%;left:0;position:absolute;text-align:center;top:0}.upload-icon{height:50px;margin-bottom:8px;width:50px}.post-upload-placeholder p{color:#777;font-size:13px;margin:0}.image-preview{border-radius:0;height:100%;object-fit:cover;width:100%}.post-details,.post-details-column{display:flex;gap:10px}.post-details-column{flex:1 1;flex-direction:column}.post-details input{background-color:initial;border:none;border-bottom:2px solid #ddd;box-sizing:border-box;font-size:14px;padding-bottom:8px;transition:border-color .3s ease;width:100%}.post-details input:focus{border-bottom:2px solid #ff9e57;outline:none}.post-right-column{display:flex;flex:3 1;flex-direction:column;justify-content:space-between;min-width:300px}.post-ingredients-instructions{display:flex;flex-grow:1;gap:20px}.post-ingredients,.post-instructions{background-color:#f9f9f9;border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;padding:20px}.post-ingredients,.post-instructions{flex:1 1;height:calc(100% - 25px)}.post-ingredients h3,.post-instructions h3{font-size:20px;margin:0 0 10px}.post-ingredients textarea,.post-instructions textarea{background-color:#f9f9f9;border:none;box-sizing:border-box;flex-grow:1;font-size:16px;resize:none;width:100%}.post-ingredients textarea::placeholder,.post-instructions textarea::placeholder{color:#a3a3a3}textarea:focus{outline:none}.post-button{display:flex;justify-content:flex-end}.post-button button{background-color:#f39c12;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;height:50px;transition:background-color .3s ease;width:100%}.post-button button:hover{background-color:#e67e22}@media (max-width:768px){.post-container{height:auto}.post-container,.post-ingredients-instructions{flex-direction:column}.post-button{justify-content:center}.post-button button{max-width:100%}}.success-message{color:green;font-size:18px;margin-top:20px;text-align:center}body{background-color:#fff;font-family:Proxima Nova,sans-serif;margin:0;padding:0}.login-container{display:flex;height:100vh}.login-image{background-image:url(/static/media/login_img.4ed23c61baaebc92222b.jpg);background-position:50%;background-size:cover;position:relative;width:73%}.overlay{background-color:#ff9e5733;bottom:0;left:0;position:absolute;right:0;top:0}.login-form-container{padding:40px 30px 50px}.login-form-container,.signup-form-container{align-items:center;background-color:#fff;border-radius:20px;box-shadow:0 0 20px #00000080;display:flex;justify-content:center;position:absolute;right:16%;top:50%;transform:translateY(-50%);width:250px}.signup-form-container{padding:35px 30px}.login-form{padding:0 10px;text-align:center;width:100%}.login-logo img,.signup-logo img{margin-bottom:18px;margin-top:15px;width:145px}.login-logo hr{margin-bottom:50px}.login-logo hr,.signup-logo hr{background-color:#ff9e57;border:0;height:3.5px;margin-top:-13px;width:85px;z-index:10}.signup-logo hr{margin-bottom:30px}.form-group{margin-bottom:20px;text-align:left;width:100%}.form-group input{border:none;border-bottom:2px solid #ddd;color:#5b5b5b;font-size:16px;outline:none;padding:0 0 5px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-bottom:2px solid #ff9e57}.form-group input::placeholder{color:#959595}.login-btn{background-color:#ff9e57;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:10px;margin-top:15px;padding:8px;transition:all .3s ease;width:100%}.login-btn:hover{background-color:#e8883d}.signup-link{color:#000;font-size:13px;margin-top:25px}.signup-link a{color:#ff9e57;text-decoration:none}.forgot-link{color:#000;font-size:13px;margin-bottom:-10px}.forgot-link a{color:#ff9e57;text-decoration:none}.navbar{align-items:center;background-color:#fff;border-bottom:1px solid #d3d3d3;color:#000;display:flex;justify-content:space-between;padding:5px 20px;z-index:10}.navbar-logo img{cursor:pointer;margin-left:15px;width:100px}.navbar-links{align-items:center;display:flex;list-style:none}.navbar-links li{padding:0 15px}.navbar-links a{color:#696969;text-decoration:none}.navbar-links a.active,.navbar-links a:hover{color:#000}.dropdown-clickable,.profile-icon{-webkit-user-drag:none;align-items:center;display:flex;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.dropdown-clickable{cursor:pointer}.profile-icon img{border-radius:100px;height:33px;object-fit:cover;width:33px}.dropdown-icon{color:#3b3b3b;font-size:13px;margin-left:7px}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 8px 16px 0 #0003;list-style:none;margin-top:180px;padding:0;position:absolute;right:0;width:150px;z-index:20}.dropdown-menu li{color:#696969;cursor:pointer;padding:10px}.dropdown-menu li.active,.dropdown-menu li:hover{background-color:#f7f7f7;border-radius:5px;color:#000}.edit-form-container{align-items:center;background-color:#fff;border:1px solid #e4e4e4;border-radius:20px;display:flex;justify-content:center;margin:7vh auto auto;padding:65px 30px;width:100%;width:250px}.edit-icon img{width:20px}.edit-btn{background-color:#ff9e57;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:25px;padding:8px;transition:all .3s ease;width:95%}.edit-btn:hover{background-color:#e8883d}.profile-icon-container{display:inline-block;margin-bottom:50px;position:relative}.profile-logo img{-webkit-user-drag:none;border-radius:50%;display:block;height:105px;object-fit:cover;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;width:105px}.edit-icon{background-color:#fff;border:none;border-radius:100px;bottom:0;cursor:pointer;height:15px;padding:8px 8px 10px 10px;position:absolute;right:0;top:75px;width:15px}.edit-icon img{height:100%;width:100%}.form-group .input-label{color:#333;display:block;font-size:14px;margin-bottom:5px;text-align:left}.form-group .edit-input{border:none;border-bottom:2px solid #ddd;color:gray;font-size:16px;outline:none;padding:5px;transition:border-color .3s ease;width:95%}.form-group .edit-input:focus{border-bottom:2px solid #ff9e57}
/*# sourceMappingURL=main.bf07b6d2.css.map*/