body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 0;
    background-color: #282828;
}

.checkerboard {
    display: grid;
    grid-template-columns: repeat(8, 50px);
    grid-template-rows: repeat(8, 50px);
    width: 400px;
    height: 400px;
    border: 5px solid #5d4037;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.square {
    width: 50px;
    height: 50px;
}

.light {
    background-color: #ffcc80; /* Light brown */
}

.dark {
    background-color: #5d4037; /* Dark brown */
}