@media (max-width: 800px) {
       
    
    
    body{
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    .choice{
        height: 90px;
        width:90px;   
    }
    
    
    .emoji{
        height: 90px;
        width: 90px;
        font-size: 3.5rem;
      
    }
    
    
    
    .score-board{
        gap: 3rem;
    }

    
    
    
    #msg{
    
        font-size: 1.5rem;
        display: inline;
        padding: 1rem;
        border-radius: 1rem;
    }



}


@media (max-width: 1200px) {
       
    
    
    body{
        overflow: hidden;
        width: 100%;
        height: 100%;
    }
    .choice{
        height: 100px;
        width:100px;   
    }
    
    
    .emoji{
        height: 100px;
        width: 100px;
        font-size: 4rem;
      
    }
    
    
    
    .score-board{
        gap: 3rem;
    }

    
    
    
    #msg{
    
        font-size: 1.5rem;
        display: inline;
        padding: 1rem;
        border-radius: 1rem;
    }



}