body { background-image: url("https://i.postimg.cc/JhrHfHDs/brooke-lark-w-Mzx2n-Bdeng-unsplash.jpg");
  background-size: cover;
text-align: center;
font-family: serif;
}
.original{ font-size: 46px;
font-weight: 800;
line-height: 1.5;
color:black;
text-align: center;
font-family: Georgia, 'Times New Roman', Times, serif;
}
h2{ font-size: 32px;
font-weight: 800;
line-height: 1.5;
color: black;
text-align: center;}
.container { margin:120px auto;
max-width: 600px;
background-color:rgba(255, 255, 255, 0.5);}
header{ margin-bottom: 30px;}
.mixingredients{ 
     padding: 30px;
background-color:rgba(255, 255, 255, 0.5) ;
border-radius: 10px;
margin-top: 0%;
box-shadow: 0px 10px 10px rgb(90, 88, 88);
margin-bottom: 30px;}

form{ display:flex;}

.ai{ text-align: left;
opacity: 0.6;
margin:0;
padding: 0;}

.example{ opacity: 0.6;
size: 14px;
text-align: left;}


.format { padding: 16px;
border:1px solid black;
width:80%;
font-size: 16px;
border-radius: 50px;
line-height: 20px;
color: black;
}
.permission{ margin-left:10px ;
    background-color:goldenrod;
    color: white;
    border:none;
    border-radius: 50px;
    padding:14px 24px;
width: 150px;
font-size: 16px;}

.recipe { font-size: 14px;
background-color: rgba(255, 255, 255, 0.5);
padding: 20px;
line-height: 24px;
border-left: 3px solid salmon;
box-shadow: 0px 10px 10px rgb(83, 79, 79);
text-align: left;
}

.hidden{ display:none ;}


footer{ text-align: center;
font-size: 13px;
margin-top: 30px;}


@keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  


a{ color: #65000b;}
 .generating {
    animation: blink 1.5s infinite;
    animation-fill-mode: both;
   font-family: Arial, Helvetica, sans-serif;
font-size: 14px; }