main
{
   background-image: url("../images/lunchRecommendations/lunchCoverImage.webp");
   background-repeat: no-repeat;
   background-size: 100vw var(--main-height);
   /* make the background image be even further back in the z axis */
   /* so that the blur element can blur it out */
   z-index: -2;
   position: fixed;
}

#scrollList
{
   width: 50%;
   float: right;
}

h2#coverText
{
   width: 50%;
}

#backgroundBlur
{
   top: 50px;
   width: 100vw;
   height: var(--main-height);
   backdrop-filter: blur(5px);
   z-index: -1;
   position: fixed;
   background-color: #00000040;
}

article#summary
{
   margin-top: 100px;
   float: left;
   width: 50%;
   display: flex;
   flex-direction: column;
   align-items: center;

   p
   {
      width: 90%;
   }
}

.listOption
{
   background-color: #2f2323;
}