.content{display:flex}.sidebar{position:fixed;top:0;left:0;width:200px;height:100%;color:#dd7230;padding:20px;margin-top:84px;border-right:1px solid black;z-index:1000}.sidebarButton{background-color:#dd7230;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;margin-bottom:10px;text-align:center}.header{position:fixed;top:0;left:0;width:100%;background-color:#854d27;color:#fff;text-align:center;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 10px #00000080;z-index:1000}.headerLoggedIn{display:flex;align-items:center}.headerLoggedIn p{color:#000;text-decoration:underline;margin-right:10px;justify-content:center;align-items:center}.main{flex:1;padding:20px;min-height:500px}.profile-picture{display:flex;justify-content:center;align-items:center;border-radius:50%;width:50px;height:50px;color:#fff;font-size:large;margin-top:5px;margin-left:auto;margin-right:20px;cursor:pointer}.profile-picture-post{display:flex;justify-content:center;align-items:center;border-radius:50%;width:40px;height:40px;color:#fff;font-size:large;margin-right:5px;cursor:pointer}.postContainer{display:flex;margin-bottom:20px;padding:15px;border:1px solid #ccc;border-radius:5px;background-color:#e7e393;cursor:pointer;margin-right:10%;animation:fadeInUp 1s ease forwards}.postImage{flex:1;max-width:15rem;padding-right:1rem}.postContents{flex:2}.postTitle{font-size:20px;margin-bottom:10px}.postBody{font-size:16px}.postStarReview{display:flex;align-items:center}.postStarReview p{font-size:15px;margin-left:5px}.postMainTitle{display:flex;justify-content:center;margin-right:10%;font-size:20px;margin-bottom:10px;color:#fff}.signup-container{max-width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#e7e393;animation:fadeInUp 1.5s ease forwards}.signup-container h1{text-align:center;margin-bottom:20px}.signup-form input{width:95%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:5px}.signup-form button{width:90%;padding:10px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer}.signup-form button:hover{background-color:#eeb252}.buttonsSignup{display:flex;flex-direction:column;align-items:center}.buttonsSignup button{width:100%;padding:10px;margin-bottom:10px;border:none;border-radius:5px;background-color:#dd7230;color:#fff;cursor:pointer}.login{max-width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#e7e393;animation:fadeInUp 1.5s ease forwards}.login h1{text-align:center;margin-bottom:20px}.login form div{margin-bottom:15px}.login form label{display:block;margin-bottom:5px}.login form input{width:calc(100% - 10px);padding:10px;border:1px solid #ccc;border-radius:5px}.login form button{width:100%;padding:10px;border:none;border-radius:5px;background-color:#dd7230;color:#fff;cursor:pointer}.login form button:hover{background-color:#eeb252}.noAccount{display:flex;align-items:center}.noAccount p{margin-right:15px}.noAccount p:nth-child(2){color:#000;text-decoration:underline;cursor:pointer}.noAccount p:nth-child(2):hover{color:#eeb252}.container{background-color:#e7e393;padding:2rem;border:2px solid black;border-radius:15px;animation:fadeInUp 1s ease forwards}.postItemContainer{display:flex;flex-direction:row;justify-content:space-between}.ingredients2{flex:1;border-right:1px solid black}.instructions2{flex:3;padding-left:2rem}.postHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid black}.postImageContainer{flex:1}.postContentContainer{flex:2}.postTagsContainer{display:flex;flex-direction:row;margin-top:1rem;align-items:center;align-self:flex-end}.postTagsContainer p{margin-right:1rem}.postImage{max-width:14.7rem;margin-bottom:5px}.postTimeContainer{display:flex;align-items:center}.reviews h2{text-align:center;color:#fff}.review{display:flex;flex-direction:column;border:1px solid black;border-radius:5px;margin:2rem;background-color:#f1dabf}.reviewHeader{display:flex;justify-content:space-between;width:100%;border-bottom:1px solid black}.reviewHeaderDiv1{display:flex;align-items:center;padding:5px}.reviewHeader p{padding:5px}.reviewHeader2 p{padding-left:5px}.reviewStars{display:flex;align-items:center}.createReviewContainer{display:flex;align-items:center;justify-content:space-between;margin:2rem}.createReviewContainer textarea{min-width:150px}.createReviewTextAndStar{display:flex;flex-direction:column;align-items:center;margin:5px}.reviewText{width:20rem;height:5rem;resize:none;font-size:large}.alreadyVoted{display:flex;justify-content:center;align-items:center;margin-top:1rem}.reviewRatingBottom{display:flex;width:100%;justify-content:space-between;align-items:center;margin:1rem}.deleteReview{display:flex;justify-content:center;align-items:center;text-align:center;background-color:red;color:#fff;border:none;border-radius:5px;cursor:pointer}.deleteReview p{padding:0;margin:1rem}.createPostContainer{display:flex;max-width:800px;margin:0 auto;padding:20px;color:#000;background-color:#e7e393;border:1px solid #ccc;border-radius:25px;animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.postForm{margin-top:20px}.postForm form{display:flex;flex-direction:column}.postForm div{margin-bottom:15px}.postForm label{font-weight:700}.postForm input[type=text],.postForm textarea{width:100%;border:1px solid #ccc;border-radius:4px;padding:5px;margin-right:5px;resize:none}.ingredients{display:flex;flex-wrap:wrap;margin-bottom:15px;border:none}.ingredient{display:flex;flex-basis:30%;max-width:30%;margin-bottom:10px;margin-right:10px;border:none}.instructions{display:flex;flex-wrap:wrap;margin-bottom:15px;padding:0;border:none}.instruction{display:flex;flex-basis:45%;max-width:45%;margin-bottom:10px;border:none}.tags{display:flex;flex-wrap:wrap;margin-bottom:15px;padding:0;border:none}.tag{display:flex;flex-basis:45%;max-width:45%;margin-bottom:10px;border:none}.description{min-height:75px}.postForm button{background-color:#dd7230;color:#fff;border:none;border-radius:4px;padding:10px;cursor:pointer;transition:background-color .3s ease}.postForm button:hover{background-color:#eeb252}.buttonIngredients{margin-right:10px}.OtherContainer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:15px;padding:0;text-align:center}.OtherItem,.difficulty{display:flex;justify-content:space-between;align-items:center;flex-basis:45%;max-width:45%;margin-bottom:10px;border:none}.difficultyButtons{display:flex;justify-content:center;align-items:center;margin-top:15px}.difficultyButtons .selected{background-color:#eeb252;color:#fff}.difficultyButtons .selected:hover{background-color:#2cb72c;color:#fff}.difficultyButtons button{padding:5px;margin:5px}.submitButton{background-color:#92d45c;color:#fff;padding:10px;border:1px solid black;border-radius:3px;cursor:pointer;margin-bottom:10px;text-align:center;width:100px}.submitButton:hover{background-color:#b3e77e}body{margin:80px 0 0 250px;background:#f4c95d;font-family:Roboto,sans-serif}