@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@1,300&display=swap');
*{
   margin: 0;
   padding:0;
   box-sizing: border-box;
   font-family: "Josefin Sans",sans-serif;
   font-weight: 300;
}
html{
    font-size: 62.5%;
}
.main-div { 
    width: 100vw;
    min-height: 100vh;
    display:grid;
    place-items: center;
     background-image: url(https://cdn.pixabay.com/photo/2016/07/06/15/29/math-1500720_960_720.jpg);
}
.inner-div{
    width:60vw;
    /* background-color: rgb(160, 169, 245); */
    padding: 3rem 8rem; 
    border-radius: 1rem;
    box-shadow: 0 1rem 1rem -0.7rem rgba(0, 0, 0, 4);
    background-image: url('https://cdn.pixabay.com/photo/2015/12/01/15/43/black-1072366_960_720.jpg');
  
}
.inner-div h2{
    font-size: 3.5rem;
    font-weight: 600;
        /* text-decoration:underline; */
    margin: 1rem 0 3rem 0; 
    color: #dfe6e9;
}
.inner-div li{
    font-size: large;
    margin-top:1rem;
    list-style: none;
    color: #dfe6e9;
}
input{
    cursor: pointer;
}
/* #btnn{
    margin-top: 2rem;
} */
#submit, .btn{
    padding:1rem 3rem;
    outline:none;
    font-size: large;
    font-weight: 600;
    display:block;
    margin:auto;
    border: none;
    border-radius: 0.8rem;
    text-transform: uppercase; 
    background-color:rgb(89, 220, 243);
    margin-top: 2rem;
    box-shadow: 0 1rem 1rem -0.7rem rgba(0, 0, 0, 4); 
}
#submit:hover{
     background-color: rgb(101, 163, 255);
     cursor:pointer;
}
#showscore{
    background-image: url('https://cdn.pixabay.com/photo/2015/12/01/15/43/black-1072366_960_720.jpg');
    margin-top: 3rem;
    padding:3rem 4rem;
    box-shadow: 0 1rem 1rem -0.7rem rgba(0, 0, 0, 4); 
    color: #dfe6e9;
}
#showScore .btn:hover{
    background-color: rgb(19, 218, 218);
    color: rgb(4, 145, 201);
}
#showscore h3{
    font-size:  3rem;
    text-align: centre;
}
.scoreAREA{
    display: none;
}

/* #submit{
    cursor:pointer;
} */


.btn{
    cursor:pointer;
}