:root {
    --red: #d60000;
    --lightgrey: lightgrey;
    --grey: #454545;
    --darkgrey: #021519;
    --darkblue: #00222b;
    --black: #000000;
    --white: #ffffff;
    --sand: #e0e0d4;
    --darksand: #c6c6b0;
    --padding: 16px;
}

.pt { padding-top: var(--padding); }
.pb { padding-bottom: var(--padding); }
.mt { margin-top: var(--padding); }
.mb { margin-bottom: var(--padding); }
.fc { display: flex; flex-direction: column; }
.fr { display: flex; flex-direction: row; }
.fg { display: flex; gap: var(--padding); }

.xscroll { overflow-x: auto; }
.yscroll { overflow-y: auto; }