main.css

*{
    font-family: "kalam";
    justify-items: center;
    margin: 0;
}
.top{
    
    padding: 10px; 
    background-color:#F2C94C;
    justify-items: center;

   
}
.top-heading{
    text-align: center;
    font-family: "kalam";
}
.inner{
    justify-items: center;
    padding: 10px;
}
textarea{
  width:571px;
  height:141px;
  font-size: 16px;
    color: black;
  
}
textarea:focus{
border: black 2px solid;
}

.output-heading{
    font-family: 200;
   
}
.output-result{
    padding: 1rem;
   
    height: 100px;
    box-sizing: border-box;   
    border: black solid 2px;
}
 .main{
margin: auto;
max-width: 600px;
    padding: 1rem;

    box-sizing: border-box;   
 }
 .footer{
    background-color: #F2C94C;
   position:fixed;
   bottom: 0;
    justify-content: center;
    width: 100%;
text-align: center;
padding: 1rem;
 }
 p{
    
    text-align: center;
    
 }
.submit_button{

    padding: 16px 30px 16px 30px ;
    background-color: #F2C94C;
    border: none;
}