*{
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
    /* font-weight: 300; */
}
html{
    /* font-size: 62.5%; */
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.container{
    width: 100vw;
    height: 100vh;
    display: grid;
    place-items: center;
    background-color: hsl(206, 92%, 94%);
}
.inner{
    width: 40vw;
    background-color: #fff;
    padding: 3rem 8rem;
    border-radius: 1rem;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.4);
}
h2{
    font-size: 35px;
    font-weight: bolder;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
li{
    font-size: large;
    font-weight: bolder;
    margin-top: .5rem;
    list-style: none;
}
#submit,.btn{
padding: .5rem;
outline: none;
font-size: 1.5rem;
display: block;
margin: 2% 0;
text-transform: capitalize;
border-radius: 1rem;
}
#submit:hover{
    background-color: lightblue;
}   
.btn:hover{
    background-color: lightblue;
}
#showScore{
    background-color: #dfe6e9;
    margin-top: 3rem;
    padding: 3rem 4rem;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.4);
    border-radius: 1rem;
 }
 .scoreA{
    display: none;
 }
 h3{
    font-size: 3rem;
    text-align: center;
 }