body {
    background-color: #aad4ff;
}
 
h1 {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
.container{
    display:grid;
    gap:5px;
    grid-template-columns: 1fr;
    grid-template-rows: fit-content auto auto auto;
    align-items: self-start;
}
details{
    overflow:auto
}
.changes{
    min-height: 50px;
    max-height: 20%;
    background-color: antiquewhite;
    overflow:auto;

}
.collision{
    min-height: 50px;
    max-height: 20%;
    background-color: beige;
    overflow:auto;
}
.calendar{
    min-height:55%;
    display:grid;
    gap:5px;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:min-content min-content min-content min-content min-content min-content;
}