.right {float: right !important}
.left {float: left !important}
.center {margin: auto;text-align: center !important;align-items: center;justify-content: center;}

.border {border: 1px solid var(--theme)}
.borderless {border: none}
.space {padding: var(--space)}
.spaceless {padding: 0px; margin:0px;}

.wide {width: 100%; margin: inherit 0; max-width:none}
.fill {height: 100%; width: 100%; margin:0; padding:0; max-height: none; max-width:none;}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}

.shadow {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}