body{
    background-color:rgb(238, 223, 232);
  
}
    
a{
   color:rgb(238, 161, 206);
}
h1{
    text-align: center;
    font-weight: 100;
}

.container {
margin: 120px auto;
max-width: 600px;

}
#form-container{
    padding: 25px ;
    background-color: white;
    border-radius: 10px;
    margin-bottom: 30px;
}
form{
    display: flex;
}
#hint{
    opacity: 0.6;
}
#form-input{
    padding: 15px;
    border-radius: 30px;
   width: 88%;
}
.submit-button{
    border-radius: 20px;
    margin-left: 10px;
     padding: 15px;
     background-color:rgb(238, 161, 206);
    color: white;
}


#poem{
font-size: 14px;
background-color: #fff;
padding: 20px;
line-height: 24px;
border-radius: 10px;
border-left: 3px solid rgb(238, 161, 206);
 
}
.hidden{
display: none;
}

.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

footer{
    padding: 20px;
    text-align: center;
}