#restart{
    display: none;
}
body{
    background-image: url(./images/number.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#heading{
    color: yellow;
    font-size: 70px;
}
#heading:hover{
    transition: all 2s;
    transform: scale(1.1);
    cursor: pointer;
    font-family: Harrington;
}
#line{
    color: yellow;
    font-size: 40px;
}
#number{
    border: 3px groove deepskyblue ;
    border-radius: 8px;
    padding: 5px 15px;
}
#number:hover{
    cursor: pointer;
    border-color: yellow;
    background-color: black;
    color: yellow;

}
#check{
    border: 4px deepskyblue groove;
    border-radius: 8px;
    padding: 6px 12px;
}
#check:hover{
    cursor: pointer;
    border-color: yellow;
    background-color: black;
    color: yellow;
}
#restart{
    border: 4px groove yellow;
    border-radius: 8px;
    padding: 6px 12px;
}
#restart:hover{
    border: 4px dashed black;
    background-color: yellow;
    color: black;
}
#font1{
    font-family: Lucida Calligraphy;
    font-size: 90px;
    color: deepskyblue;
}
#horizontal{
    position: relative;
    top: -40px;
}
#font2{
    color: deepskyblue;
    font-size: 50px;
    font-weight: bold;
}