body            { margin:0;font:1rem / 1.5rem sans-serif}
a               { text-decoration:none}
i               { display:flex;font-style:normal}
b               { display:flex;flex-direction:column;font-weight:500}
img             { max-width:100%}

.fa-solid       { display:inline!important}
[hidden]        { display:none!important}
@media (max-width:800px){ .lg { display:none!important}}
@media (min-width:800px){ .sm { display:none!important}}


.text-xs    	{ font:0.75rem / 1 sans-serif}
.text-sm    	{ font:0.875rem / 1 sans-serif}
.text-lg	    { font:1rem / 1 sans-serif}
.text-xl	    { font:1.125rem / 1 sans-serif}
.text-2xl	    { font:1rem / 1 sans-serif}
.text-3xl	    { font:1.5rem / 1 sans-serif}
.text-4xl	    { font:2rem / 1 sans-serif}
.text-5xl	    { font:2rem / 1 sans-serif}
.text-6xl	    { font:3.75rem / 1 sans-serif}
.text-7xl	    { font:4.5rem / 1 sans-serif}
.text-8xl	    { font:6rem / 1 sans-serif}
.text-9xl	    { font:8rem / 1 sans-serif}

@media (min-width:800px){
    .text-xs    	{ font:0.75rem / 1 sans-serif}
    .text-sm    	{ font:0.875rem / 1 sans-serif}
    .text-lg	    { font:1.125rem / 1 sans-serif}
    .text-xl	    { font:1.25rem / 1 sans-serif}
    .text-2xl	    { font:1.5rem / 1 sans-serif}
    .text-3xl	    { font:1.875rem / 1 sans-serif}
    .text-4xl	    { font:2.25rem / 1 sans-serif}
    .text-5xl	    { font:3rem / 1 sans-serif}
    .text-6xl	    { font:3.75rem / 1 sans-serif}
    .text-7xl	    { font:4.5rem / 1 sans-serif}
    .text-8xl	    { font:6rem / 1 sans-serif}
    .text-9xl	    { font:8rem / 1 sans-serif}
}

.text-center    { text-align:center}

.red            { color: red}
.blue           { color:#08e}
.darkred        { color:#912}
.lightblue      { color:#08e}
.green          { color:green}
.i              { font-style:italic!important}
.b              { font-weight:700!important}
.striketh               { text-decoration: line-through}

.flex           { display:flex}
.flex-end       { align-self:flex-end}
.flex-wrap      { flex-wrap:wrap}
.col            { display:flex;flex-direction:column}
.row            { display:flex;flex-direction:row!important}
.center         { justify-content:center}
.space-between  { justify-content:space-between}
.align          { align-items:center}
.self-start     { align-self:flex-start}
.grow           { flex-grow:1}

.inline         { display:inline!important;
  i             { display:inline}}

.gap            { gap:1rem}
.gap-sm         { gap:.5rem}
.gap-xs         { gap:.25rem}
.nogap          { gap:0}
.pad            { padding:1rem}
.pad-sm         { padding:.25rem}
.pad-sm-t       { padding-top:.25rem}
.margin         { margin:0 auto}
.margin-1       { margin:1rem}
.push           { margin-right:auto}

.between        { justify-content:space-between;}
.wrap           { flex-wrap:wrap;}