h1{
    color: rgb(19, 19, 233);
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.result{
    font-family: fantasy;
    color: rgba(0, 0, 255, 0.815);
}
p{
    color: black;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
button{
    background-color: rgba(4, 0, 255, 0.795);
   border: 50px;
   padding: 10px 15px;
   border-radius: 20px;
   
}
button:hover{
    background-color: blue;
    
}
button:active{
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.5);
}
input{
    font-size: larger;
    border-radius: 5px;
    padding: 10PX;
}