#input{
    display: flex;
    margin: auto;
    /* min-height: 15rem; */
    /* min-width: 25rem; */

}
body{
    background-color:#2d2e2e;
    height: 100%;
}
h1{
    text-align: center;
    font-family: cursive;
    color: whitesmoke;
    margin: 15px;
}
.button{
    display: flex;
    justify-content: center;
    align-items: center;    
    padding: 30px;
    background-color: #2d2e2e !important;
border-color:#2d2e2e !important}
#main{
    margin-top: 7%;
    display: flex;
    justify-items: center;
    flex-direction: column;
}
#clear{
font-size: 35px; margin: 3%;
background-color:cornflowerblue;
border-radius: 15px;
color: white;
padding: 5px;
margin: auto !important;
text-align: center !important;
}
#output{
    background-color: cornflowerblue;
    max-width: 60%;
    width: 300px;
    height: 15rem;
    margin: auto;
    margin-top: 50px;
    color: white;
    padding: 12px;
    border-radius: 15px;
    font-size: 3rem;
    box-shadow:grey;
}