.fr { display: flex; flex-direction: row; } /* Flex row */
.fc { display: flex; flex-direction: column; } /* Flex column */

.aic { align-items: center; }
.ais { align-items: stretch; }
.jcc { justify-content: center; }
.jcb { justify-content: space-between; }

.f1 { flex: 1; }
.f2 { flex: 2; }
.f3 { flex: 3; }
.f4 { flex: 4; }
.f5 { flex: 5; }

.pr { position: relative; }
.pa { position: absolute; }

.hv { height: 100vh; } /* Height viewport */
.hvm { min-height: 100vh; } /* Minimum height viewport */
.hf { height: 100%; } /* Height fill */
.wv { width: 100vw; } /* Width viewport */
.wf { width: 100%; } /* Width fill */

.p { padding: 1em; }
.pp { padding: 1.5em; }
.ppp { padding: 2em;}
.m { margin: 1em; }
.g { gap: 1em; }