html{
    background-color: rgb(247, 247, 247);
    text-align: center;
    cursor: url(cursor2.png),auto;
}
#heading{
    color:#333333;
    margin-top: 5cm;
    font-size: 1.3cm;
    font-family: monospace;
}
#message{
    color:#333333;
    margin-top: 2cm;
    font-size: 0.8cm;
    font-family: monospace;
}
#button{
    position:relative;
    top:0.29cm;
    height: 1.3cm;
    width: 1.3cm;
    border:none;
    transition-duration: 0.4s;
    background-color: #f0f0f0;
}
#button:hover{
    background-color: white;
    box-shadow: 0 12px 16px 0 rgba(182, 182, 182, 0.274), 0 17px 50px 0 rgba(182, 182, 182, 0.274);
    cursor: url(cursor.png),auto;
}
#button:active{
    background-color: rgb(233, 233, 233);
    box-shadow: 0 12px 16px 0 rgba(182, 182, 182, 0.274), 0 17px 50px 0 rgba(182, 182, 182, 0.274);
    cursor: url(cursor2.png),auto;
}
#text{
    font-family: monospace;
    background-color: #f0f0f0;
    margin-top: 2cm;
    font-size: 1.08cm;
    border:none;
    transition-duration: 0.4s;
}
#text:focus{
    background-color: white;
    outline: none;
    box-shadow: 0 12px 16px 0 rgba(182, 182, 182, 0.274), 0 17px 50px 0 rgba(182, 182, 182, 0.274);
    cursor: url(cursor2.png),auto;
}
#text:hover{
    background-color: white;
    box-shadow: 0 12px 16px 0 rgba(182, 182, 182, 0.274), 0 17px 50px 0 rgba(182, 182, 182, 0.274);
    cursor: url(cursor.png),auto;
}

