.recipe, .pizza-box {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
.pizza-box {

   height: calc(282px + 5vw);
   overflow: hidden;
}
.pizza-box img {
   max-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   object-fit: cover;
   object-position: 50% 50%;
}
.recipe {
   border: 10px solid #f2f2f2;
   border-radius: 8px;
   overflow: hidden;
   align-items: center;
  justify-content: center;
}
.recipe-content {
   padding: 16px 32px;
   flex: 4 1 40ch;
}
.recipe-tags {
   margin: 0 -8px;
}
.recipe-tag {
   display: inline-block;
   margin: 4px;
   font-size: 0.875em;
   text-transform: uppercase;
   font-weight: 600;
   letter-spacing: 0.02em;
   /* color: #f5e042; */
}
.recipe-title {
   margin: 0;
   font-size: clamp(1.4em, 2.1vw, 2.1em);
   font-family: "Roboto Slab", Helvetica, Arial, sans-serif;
}
.recipe-title a {
   text-decoration: none;
   color: inherit;
}
.recipe-metadata {
   margin: 0;
}
.recipe-rating {
   font-size: 1.2em;
   letter-spacing: 0.05em;
   color: var(--primary);
}
.recipe-rating span {
   color: var(--grey);
}
.recipe-votes {
   font-size: 0.825em;
   font-style: italic;
   color: var(--lightgrey);
}
.recipe-save {
   display: flex;
   align-items: center;
   padding: 6px 14px 6px 12px;
   border-radius: 4px;
   border: 2px solid currentColor;
   color: var(--primary);
   background: none;
   cursor: pointer;
   font-weight: bold;
}
.recipe-save svg {
   margin-right: 6px;
}
/* Body Layout */
* {
   box-sizing: border-box;
}
body {
   --primary: #e05d26;
   --grey: #454545;
   --lightgrey: #666;
   color: var(--grey);
   
}
.big {
   width: clamp(415px, 65%, 65%);
   padding: 10px;
   margin: 0 auto;
}
.small {
   width: clamp(415px, 35%, 480px);
   padding: 10px;
   margin: 0 auto;
}

.nav-link:hover {
   color: #3e81e6 !important;
}