body{
    font-family: Arial, Helvetica, sans-serif;
    background-color: antiquewhite;
}

h1{
    color: rgb(1, 97, 241);
}

form{
    background-color: #ffffffcb;
    text-align: center;
    max-width: 500px;
    margin: auto;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 5px 5px 20px rgb(156, 129, 93);
}

#textBox{
    width: 50%;
    text-align: center;
    font-size: 2em;
    border: 2px solid rgb(156, 129, 93);
    border-radius: 4px;
    margin-bottom: 15px;
}


label{
    font-size: 1.5em;
    font-weight: bold;
    margin: 10px;
    
}

button{
    margin-top: 20px;
    background-color: rgb(157, 204, 245);
    padding: 15px 35px;
    color: black;
    font-size: 1.2em;
    font-weight: bold;
    border-radius: 10px;
    border: none;

}

button:hover{
    background-color:rgb(101, 182, 252) ;
}

#result{
    font-size: 1.5em;
    font-weight: bold;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}