:root{color-scheme:light dark;color:#ffffffde;--background-colour: #282828;--card-colour: #0001287d;background-color:var(--background-colour);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}#root{display:grid;grid-template-columns:.9fr,.1fr;padding-bottom:10rem}#navSidebar{height:100%;width:0%;grid-column-start:2;position:relative}#navSidebar>#sidebarButtons{position:relative;display:flex;flex-flow:column;align-items:center;justify-content:flex-end}#navSidebar>#sidebarButtons>button{position:fixed;right:.5rem;padding:.5rem 1rem;border:2px solid seagreen;border-radius:.5rem}#navSidebar>#sidebarButtons>button:nth-child(1){bottom:3%}#navSidebar>#sidebarButtons>button:nth-child(2){bottom:8%}#mainContent{width:100%;height:100%;position:relative}#summaryOverview,#labourSummary{height:100vh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,1fr);align-items:center;justify-items:center}:is(#summaryOverview,#labourSummary) ul{list-style:none;padding:0}:is(#summaryOverview,#labourSummary)>.infoCard,:is(#summaryOverview,#labourSummary)>.infoCardLong,:is(#summaryOverview,#labourSummary)>.infoCardTall{background-color:var(--card-colour);border:2px solid blue;border-radius:1rem;width:100%;height:100%;box-sizing:border-box;text-align:center;padding:.5rem;margin:.5rem}:is(#summaryOverview,#labourSummary) .infoCardLong{grid-column:span 2}:is(#summaryOverview,#labourSummary) .infoCardTall{grid-row:span 2}@media screen and (max-width: 400px){.modal-content{margin:1rem;padding:1.5rem}#mainContent h1{font-size:1.5rem}#mainContent h3{font-size:1rem}#mainContent p{font-size:.8rem}}