@media only screen and (max-width: 600px){
    #Mor{
        width: 100vw;
        height: 100vh;
        display: grid;
        column-gap: 10px;
        row-gap: 2px;
        grid-template-columns: 50% auto 25%;
        grid-template-rows: 40% auto 20%;
        grid-template-areas: "o o o"
                            "N N K"
                            "N N K";
    }

}

@media only screen and (width >= 600px){
    #Mor{
        width: 100vw;
        height: 100vh;
        display: grid;  
        column-gap: 10px;
        row-gap: 2px;
        grid-template-columns: 50% auto 25%;
        grid-template-rows: 40% auto 20%;
        grid-template-areas: "o o o"
                            "N B B"
                            "K B B";
    }
}