h1 {
    color: royalblue;
    text-align: center;
}

button{

color: white;
background-color: cadetblue;
border-radius: 8px;
border: none;
padding: 10px 15px;
font-size: 15px;
}
button:hover{
    background-color: rgb(48, 95, 95);
}

#result{
    color:royalblue;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

input:focus{
    background-color: rgb(207, 207, 230);
    border-color: rgb(86, 99, 219);
    outline: none;
}