body {
font: normal 15px/150% Arial, Helvetica, sans-serif;
}

.boggle {
display: flex;
flex-direction: column;
align-items: center;
}

#logo {
display:block;
margin:auto;
padding-bottom: 10px;
max-width: 100%;
}

.buttons {
text-align: center;
}

#grille {
margin-bottom: 10px;
}

.button {
margin: 10px;
font: normal 15px/150% Arial, Helvetica, sans-serif;
}

.lettres {
font-size: 30px;
font-weight: bold;
text-align: center;
background-color: #fefee2;
border-radius: 5px;
width: 50px;
height: 50px;
/* This makes all letters typed appear as uppercase */
text-transform: uppercase;
}

.datagrid {
margin-top: 10px;
}

.datagrid table {
text-align: left;
margin: auto;
table-layout: fixed;
}

.datagrid table td, .datagrid table th {
padding: 1px 5px;
}

.datagrid table thead th {
background-color:#C4C4C4;
font-size: 16px;
font-weight: bold;
}

.datagrid table tbody td {
font-size: 15px;
font-weight: normal;
}

.datagrid table tbody .tablealt td {
background: #DEDEDE;
}