body{
    background-color: rgb(168, 237, 6);
    text-align: center;
}
#heading{
    text-align: center;
    color: rgb(111, 7, 239);
}


.ux{
    height: 70vh;
     margin-left: 36%;
     margin-top: 40px
    
 }
 .ui{
     height: 60vmin;
     width: 60vmin;
   display: flex;
   flex-wrap: wrap;
     
 }
 .b:hover{
    color: black;
    background-color: rgb(49, 126, 194);

 }
 .b{
     height: 18vmin;
    width: 18vmin;
    background-color: brown;
    font-size: 6vmin;
    color: aliceblue;
    border-radius: 10px;
    box-shadow: 30px;
    }
 #q{
    color: rgb(247, 246, 246);
    background-color: rgb(0, 0, 0);
    text-align: center;
    font-size: large;
    border-radius: 10px;

 }
 #q:hover{
    background-color: rgb(64, 4, 138);
 }
 #new{
    color: rgb(247, 246, 246);
    background-color: rgb(0, 0, 0);
    text-align: center;
    font-size: large;
    border-radius: 10px;
    margin-top: 0px;
 }
 #uo{
    font-size: x-large;
    color: rgb(7, 44, 227);
    font-weight: bolder;
 }
 .hide{
    display: none;
 }