.padding-top-05 { padding-top: .5rem; }
.padding-top-1 { padding-top: 1rem; }
.padding-top-2 { padding-top: 2rem; }
.padding-top-3 { padding-top: 3rem; }
.padding-top-4 { padding-top: 4rem; }
.padding-top-5 { padding-top: 5rem; }
.padding-top-6 { padding-top: 6rem; }

.padding-bottom-05 { padding-bottom: .5rem; }
.padding-bottom-1 { padding-bottom: 1rem; }
.padding-bottom-2 { padding-bottom: 2rem; }
.padding-bottom-3 { padding-bottom: 3rem; }
.padding-bottom-4 { padding-bottom: 4rem; }
.padding-bottom-5 { padding-bottom: 5rem; }
.padding-bottom-6 { padding-bottom: 6rem; }

.padding-right-05 { padding-right: .5rem; }
.padding-right-1 { padding-right: 1rem; }
.padding-right-2 { padding-right: 2rem; }
.padding-right-3 { padding-right: 3rem; }
.padding-right-4 { padding-right: 4rem; }
.padding-right-5 { padding-right: 5rem; }
.padding-right-6 { padding-right: 6rem; }

.padding-left-05 { padding-left: .5rem; }
.padding-left-1 { padding-left: 1rem; }
.padding-left-2 { padding-left: 2rem; }
.padding-left-3 { padding-left: 3rem; }
.padding-left-4 { padding-left: 4rem; }
.padding-left-5 { padding-left: 5rem; }
.padding-left-6 { padding-left: 6rem; }

.margin-top-05 { margin-top: .5rem; }
.margin-top-1 { margin-top: 1rem; }
.margin-top-15 { margin-top: 1.5rem; }
.margin-top-2 { margin-top: 2rem; }
.margin-top-3 { margin-top: 3rem; }
.margin-top-4 { margin-top: 4rem; }
.margin-top-5 { margin-top: 5rem; }
.margin-top-6 { margin-top: 6rem; }

.margin-bottom-05 { margin-bottom: .5rem; }
.margin-bottom-1 { margin-bottom: 1rem; }
.margin-bottom-2 { margin-bottom: 2rem; }
.margin-bottom-3 { margin-bottom: 3rem; }
.margin-bottom-4 { margin-bottom: 4rem; }
.margin-bottom-5 { margin-bottom: 5rem; }
.margin-bottom-6 { margin-bottom: 6rem; }

.margin-right-05 { margin-right: .5rem; }
.margin-right-1 { margin-right: 1rem; }
.margin-right-2 { margin-right: 2rem; }
.margin-right-3 { margin-right: 3rem; }
.margin-right-4 { margin-right: 4rem; }
.margin-right-5 { margin-right: 5rem; }
.margin-right-6 { margin-right: 6rem; }

.margin-left-05 { margin-left: .5rem; }
.margin-left-1 { margin-left: 1rem; }
.margin-left-2 { margin-left: 2rem; }
.margin-left-3 { margin-left: 3rem; }
.margin-left-4 { margin-left: 4rem; }
.margin-left-5 { margin-left: 5rem; }
.margin-left-6 { margin-left: 6rem; }

.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }

.text-right { text-align: right }
.text-center { text-align: center }

.vertical-center { display: flex; align-items: center; }
.horizontal-center { display: flex; justify-content: center; }

.width-100 { width: 100%; }
.flex { display: flex; }
.flex-1 { flex: 1; }

.block { display: block; }

.background-peter-river { background: var(--color-peter-river); }
.background-alizarin { background: var(--color-alizarin); }
.background-wisteria { background: var(--color-wisteria); }

.color-clouds { color: var(--color-clouds); }
.color-emerald { color: var(--color-emerald); }