*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

body{
    display: flex;
    justify-self: center;
    align-items: center;
    flex-direction: column;
    font-family: 'Courier New', Courier, monospace;
    margin: 2rem ;

}

#grid{
    display: grid;
    grid-template-columns: repeat(3, 5rem);
    grid-template-rows: repeat(3, 5rem);
    gap: 1rem;
    margin: 3rem auto ;
    
}
.case{
    border: 1px solid rgb(6, 209, 108);
    background-color: bisque;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    
}

p{
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

p:first-of-type{
    color: rgb(15, 212, 15);
}