body{
    font-family: Arial sans-serif;
}

h6{
    font-size: 0.7em;
    color: hsla(0, 0%, 50%, 0.541);
    margin-bottom: 0;
}

h1{
    color: hsla(229, 100%, 50%, 0.603)
}

form{
    text-align: center;
    background-color: hsla(0, 0%, 93%, 0.664);
    max-width: 350px;
    margin: auto;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 5px 5px 15px hsla(0, 0%, 0%, 0.336);
}

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

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

button{
    margin-top: 15px;
    background-color: hsl(0, 100%, 60%);
    color: hsla(0, 0%, 100%, 0.897);
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover{
    background-color: hsl(0, 100%, 50%);
}

#result{
    font-size: 1.75em;
    font-weight: bold;
}