body{
    font-family: Arial,Sans-serif;
    background-color: hsl(0,0%,95%);
}

h1{
    color:hsl(223,100%,64%);
}

form{
    background-color: white;
    text-align: center;
    max-width: 350px;
    margin:auto;
    padding:25px;
    border-radius: 10px;
    box-shadow:5px 5px 15px hsl(0,0%,0%,0.3);
}

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

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

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

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

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