/*
 * Started : 16-DEC-2025
 * Updated : 17-DEC-2025
 */

*,
* ::before,
* ::after
{
   margin: 0;
   padding: 0;
   box-sizing: border-box;
}

body
{
   color: black;
   /* font-family: "Noto Sans", "Oxygen-Sans", Ubuntu, Roboto, Helvetica, Arial, sans-serif; */
}

.description
{
   border: thin solid black;
	background-color: palegoldenrod;
}

.main_image
{
   border: thin solid black;
	background-color: lightcyan;
}

.ingredients
{
   border: thin solid black;
	background-color: aquamarine;
}

.method
{
   border: thin solid black;
	background-color: gold;
}

.recipe_notes
{
   border: thin solid black;
	background-color: lavender;
}

.ingredients ul, .method ol
{
   /* If I don't add this, the bullets will not be in line with the rest of the text. */
   padding-inline-start: 20px;
}

.recipe_notes figure
{
   border: thin solid red;
   background-color: lightskyblue;
}

.recipe_notes ul
{
   list-style-type: none;
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   row-gap: 10px;
}

.recipe_notes figure
{
   width: min-content;
}