/* --------Mobile view--------- */
/* Welcome Screen */

@media (max-width: 770px) {
    button {
        text-align: center;
        font-size: 1.2rem;
        padding: 1.5rem;
        transition: all 0.3s;
        width: 15rem;
        cursor: pointer;
        margin: 0.6rem;
        text-shadow: rgb(0, 0, 0)0px 3px 8px;
      }
      .imge{
        width: 70%;
        max-height: 15rem;
        height: auto;
        margin: 1.3rem 0;
    }
    #WelcomeScreen h2{
        font-family: 'Ubuntu', sans-serif;   
        font-size: 1.5rem;
    }
    #WelcomeScreen h3{
        font-family: 'Poppins', sans-serif; 
        font-size: 1.5rem;
    }


    /* Input Screen */
    #Eattempt h3{
        font-size: 1.5rem;
        font-weight: 600;
        margin-top: 1.5rem;
    }
    input{
        margin: 2rem 0;
        padding: 1.5rem ;
        text-align: center;
        font-family: 'Poppins', sans-serif;
    }
    #inputBox{
        width: 80%;
    }
    p{
        font-size: 1.2rem;
    }
    span{
        font-size: 1.5rem;
    }
    .btn-wrapper{
        margin: 1rem 3rem;
    }

}