.container{
    text-align:center;
    display: block;
    max-width:600px;
    min-width:500px;
    margin:auto;
}
.img-cover{
    width:max-width;
   height:25vh;
    
}
.heading{
    text-align: center;
    color:#00cc00;
    text-shadow: 0 0 3px ;
}
#input-text{
    width:100%;
    height:8rem;
    text-align: center;
    background-color: #FAEAE8;
    border-radius:1rem;
    font-size: 1rem;
    font-weight: 800;
}
#output-text{
    width:100%;
    height:8rem;
    text-align: center;
    background-color: #FAEAE8;
    border-radius:1rem;
}
#btn{
    
    border:1px solid #ed8f2f;
    border-radius:0.5rem;
    padding:0.8rem 1rem;  
    margin:1rem 1rem;
    font-size:1rem;
    font-weight:700;
    color:white;
    background-color:#ed8f2f;

}
.button{
    text-align:center;
}
.some-text{
    font-size:1.3rem;
    font-weight:bold;
}
.box{
    
}