:root {
    --mainGray: #ebecf0;
    --shadowGray :#babecc;



}

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

html, body {
    background-color: var(--mainGray);
    text-align: center;
    height: 100%;
}

 body, p, input, select, textarea, button{
    font-family: "Montserrat", sans-serif;
    
}
div, p{
    color: var(--shadowGray);
    text-shadow: 1px 1px 1px #fff;
}

#root {
    display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        /*gap: 30px;*/
        /*flex-wrap: wrap;*/
        /*padding: 20px;*/
        height: 100%;
        /* background-color: aqua; */
}

/*.box {*/
/*    display: block;*/
/*    column-count: 3;*/
/*    column-gap: 0;*/
/*    width: 500px;*/
/*    height: 500px;*/
/*    background-color: aquamarine;*/
/*}*/


/*.myCell{*/
/*    background-color: black;*/
/*    width: 100px;*/
/*    height: 100px;*/

/*        display: flex;*/
/*            justify-content: center;*/
/*            align-items: center;*/
/*            transition: .5s;*/
/*}*/