style1.css

body{
    margin: 0;
    padding: 0;
    background-image: url(mainBcg.jpeg);
     background-size: cover;
    background-position: center;
    font-family: fantasy;
}

.container
{
    width: 40%;
    height: 400px;
    margin: auto;
    margin-top: 10%;
    margin-bottom: 10%;
     border: 2px solid white;
    box-shadow: 0 15px 40px;
}

.container .head
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-large;
    color: white;
    text-align: center;
    padding-top: 10%;
}

.container .bind1
{
    background-color:navy; 
     width: 30%;
     height: 10%;
     border-radius: 5%;
     color: aliceblue; 
     font-size: medium; 
     font-family: Arial, Helvetica, sans-serif;
     margin-top: 10%;
     margin-left: 5%;
}
.container .bind2
{
    background-color:navy; 
     width: 30%;
     height: 10%;
     border-radius: 5%;
     color: aliceblue; 
     font-size: medium; 
     font-family: Arial, Helvetica, sans-serif;
     margin-top: -10%;
      margin-left: 65%;

}  
#num
{
    font-size:70;
    color:green ;
    text-align: center;
}