@charset "UTF-8";

body{
         margin: 0; 
         font-family: "Yu Gothic", sans-serif;
         background: #e2ebc3;
         color: #333;
         background-color: #e2ebc3;
}

article{
         width: 80%;
         max-width: 800px;
         margin: 0 auto;
         background: white;
         padding: 30px;
         border-radius: 20px;
         box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.recipe-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 50px;
}

main{
         width: 80%;
         max-width: 800px;
         margin: 0 auto;
         background: white;
         padding: 30px;
         border-radius: 20px;
         box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.item {
  width: 500px; 
  margin: 0 auto;   
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  display: flex;
  justify-content: center;
  align-items: center;
}

.item img {
  display: block;
  width: 100%;
  border-radius: 20px;
}

section{
          width: 90%;
}

article,
main     {
           width: 90%;
}

p {
        text-align: center;
 }