body {
    margin: 0;
    font-family: Arial, sans-serif;
    display: block;
    justify-content: center;
    align-items: center;
    background-color: white;
    margin-top: 20px;
}

.grid-div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

#drop-zone {
    width: 672px;
    height: 672px;
    display: flex;
    justify-content: center;
    border: 2px dashed #333;
    background-color: white;
    align-items: center;
    text-align: center;
    font-size: 1.2em;
    color: #555;
}

#drop-zone.highlight {
    border-color: #007bff;
    background-color: #007bff;
}

.grid {
    display: none;
    grid-template-columns: repeat(64, 10px);
    grid-template-rows: repeat(64, 10px);
    gap: 0.5px;
}

.cell {
    width: 10px;
    height: 10px;
}

#show-song {
    display: flex;
    margin: auto;
    margin-top: 20px;
}