.container-topbar { padding-left: 1em; padding-right: 1em; padding-top: 1em; display: grid;  gap: 1em;  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));}


.container-footer { padding-left: 1em; padding-right: 1em; padding-bottom: 1em; display: grid;  gap: 1em;  grid-template-columns: repeat(auto-fit, minmax(200px,1fr));}

.header {
    background: rgb(150,150,150); 
}

.footer {
    background: rgb(150,150,150); 
}

:root {

    --cassiopeia-color-primary: rgb(100,100,100);
    --cassiopeia-color-link: rgb(100,0,0);
    --cassiopeia-color-hover: rgb(200,0,0);
    --body-color: rgb(0,0,0);
    --body-bg: rgb(236, 232, 225);
    --link-color: rgb(100,0,0);
}