body{
    margin:0px;
    background-color: #D1D5DB;
    text-align: center;
    max-height:100vh;
}
nav{
    margin-top: 0;
    background-color:#1F2937;
    color:white;
    height:7vh;
    padding: 1rem;
}
h2{
    
  margin-block-start: 0;
  margin-block-end: 0; 
  text-align: center;
}
#txtInput{
    width:60%;
    height:15vh;
    padding:1rem;
    margin-top:2rem;
    background-color: #D1D5DB;

}
div{
    margin:1rem;

}
#button{
    margin-left:3rem ;
    border:2px solid black;
    border-radius: 0.5rem;
    padding:0.7rem;
    background-color:#1F2937;
    font-weight: 600;
    cursor: pointer;
    color:white;
    
}

#outputTxt{
    border:1px solid black;
    height:15vh;
    width:60%;
    padding:1rem;
    text-align: left;
    margin: 1rem auto;
}
footer{
    margin:10vh auto;
    background-color:#1F2937;
    color:white;

}
footer h2{
    text-align:center;
    padding:1rem;

}
footer p{
    text-align:center;
    max-width:60%;
    margin:auto;
    padding:0.8rem;
    font-weight:550;
    color:white;

}
.image{
    height: 50px;
    width:50px;
    float:left;
    margin-left:5rem;
}