#grid {
    display: grid;
    
    /* gap: 10px; */
    margin: 20px auto;
}
.cell {
    /* width: 50px;
    height: 50px; */
    cursor: pointer;
}
h1 {
    text-align: center;
    margin: 0;
}
body {
    display: flex;
    font-family: 'Montserrat';
    flex-direction: column;
    align-items: center;
    
}
#time-bar-container {
    width: 310px;
    height: 20px;
    border: 2px solid #000;
    margin: 20px auto;
}
#time-bar {
    width: 100%;
    height: 100%;
    background-color: green;
 
}
#btn-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 2em;
}
#btn-container p {
    max-width: 40em;
}
.btn{
    padding: 1em 2em;
    border-radius: 5px;
    background-color:green;
    color: white;
    border: none;
    margin: 0 auto;
    cursor: pointer;
}
#time-bar-container{
    display: none;
}