@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Great+Vibes&family=Merriweather&display=swap");
.header_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1% 8% 1% 7%;
}

.header_container .logo {
  font-family: "Great Vibes", cursive;
  font-size: 236%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header_container .logo .logo_link {
  text-decoration: none;
  color: black;
}

.header_container .search_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header_container .search_header .recipe #recipe_text {
  font-family: "Merriweather", serif;
  text-decoration: none;
  font-size: 118%;
  padding-right: 2vw;
  color: black;
}

.header_container .search_header .search .search_icon {
  width: 1.3vw;
  margin-top: 0.7vh;
}

.line {
  border: 1px solid darkgray;
  width: 88vw;
}

.nav .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style-type: none;
}

.nav .menu .menu_items {
  -ms-flex-preferred-size: 10%;
      flex-basis: 10%;
}

.nav .menu .menu_items a {
  font-size: 130%;
  text-decoration: none;
  color: black;
}

.line2 {
  border: 1px solid #c7c6c6;
  width: 88vw;
}

.main_recipe_container .top_main_recipe_container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (33vh)[8];
      grid-template-columns: repeat(8, 33vh);
  gap: 20px;
}

.main_recipe_container .top_main_recipe_container .topic_recipe {
  font-size: 140%;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  max-width: 477px;
  color: #333333;
  text-align: center;
  margin-top: 3vh;
  margin-left: 13vw;
}

.main_recipe_container .top_main_recipe_container .topic_recipe #by {
  margin-top: 8vh;
  margin-left: 5vw;
  width: 12vw;
}

.main_recipe_container .top_main_recipe_container .topic_recipe .rating > span {
  color: #f4b400;
  font-size: 40px;
  width: 10vw;
}

.main_recipe_container .top_main_recipe_container .topic_recipe .rating {
  margin-left: -5vw;
  text-align: center;
}

.main_recipe_container .top_main_recipe_container .image_recipe .image {
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  grid-column: 4/6;
}

.description .main_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.description .main_content .title {
  font-size: 180%;
  margin-left: 10vw;
  margin-top: 3vh;
}

.description .main_content .total {
  font-size: 180%;
  margin-left: 10vw;
  margin-top: 3vh;
}

.description .description_1 {
  font-size: 150%;
  margin-left: 10vw;
  margin-right: 15vw;
  margin-top: 3vh;
}

.description .Ingredients {
  font-size: 250%;
  margin-left: 10vw;
  margin-top: 3vh;
}
/*# sourceMappingURL=recipe.css.map */