body{
     display: flex;
     flex-direction: column;
     align-items: center;
flex-wrap: wrap;
font-family: cursive;
    
    background-color: skyblue  ;

   
}


h1{
    color: black;
    border-radius: 1rem;
    
    background-color: darkcyan;
        padding: 1.5rem;
  
 


}
#txt-input{
    padding: 5rem;
    /* margin-bottom: auto; */
    border: 2px solid black;
    border-radius: 1rem;
    max-width: 400px;
}

#btn-trnslt{
    margin: 1rem;
    padding: 0.5rem;
border-radius: 0.5rem;
border: 1px solid black;
color: black;
background-color: teal;
cursor: pointer;
} 


#output{
    border: 1px solid black;
    border-radius: 1rem;
    padding: 4rem;
    border: 1px solid black;
    height: 5%;
    
}

.showoutput{
    padding-top: 1rem;
    margin: 1rem;
    color: black;
}

#about{
    color: black;
    text-align: center;
    background-color: darkcyan;
    border: 1px solid turquoise;
   border-radius: 1rem;
   max-width: 100%;
   padding:1rem;
   margin-top: 4rem;
    
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
 }

 footer{
    padding: 1rem ;
   border: 1px solid black;
   border-radius: 1rem;
    margin: 2rem;
   color: black;
      font-size: 18px;
      background-color: teal;
      text-align: center;
  }
  
  li{
      list-style: none;
      display: inline;
      margin: 0.7rem;
  }