body { font-family: sans-serif; text-align: center; display: grid; align-items: center; justify-content: center; } #container { position: relative; max-width: 1200px; } td.tab { border: none; } .banner-container { padding: 1em; } .banner { padding: 2em; margin: 1em; display: grid; } .tile-container { display: flex; flex-wrap: wrap; padding: 1em; } .tile { padding: 2em; margin: 1em; flex: 1 1 8em; } h2.tile-heading, h2.banner-heading { margin-top: 0; margin-bottom: 2em; } table.data { border: 2px solid; margin: 1em; } td { border: 1px solid; padding: 1em; } .overdue { background-color: #e99fd3; } .lent { background-color: #9fd3e9; } .available { background-color: #d3e99f; } .proportion { display: inline; } .big { font-size: 3em; }