| @tailwind base;
|
| @tailwind components;
|
| @tailwind utilities;
|
|
|
| :root {
|
| --bg: #1c1814;
|
| --line: rgba(42, 37, 32, 0.12);
|
| }
|
|
|
| html,
|
| body {
|
| background: #F5EFE2;
|
| color: #2A2520;
|
| -webkit-font-smoothing: antialiased;
|
| -moz-osx-font-smoothing: grayscale;
|
| }
|
|
|
| * {
|
| box-sizing: border-box;
|
| }
|
|
|
| .admin-review-video:fullscreen {
|
| width: 100vw !important;
|
| height: 100vh !important;
|
| background: #000 !important;
|
| object-fit: contain !important;
|
| }
|
|
|
| .admin-review-video:-webkit-full-screen {
|
| width: 100vw !important;
|
| height: 100vh !important;
|
| background: #000 !important;
|
| object-fit: contain !important;
|
| }
|
|
|
| @layer utilities {
|
| .scrollbar-hide::-webkit-scrollbar {
|
| display: none;
|
| }
|
| .scrollbar-hide {
|
| -ms-overflow-style: none;
|
| scrollbar-width: none;
|
| }
|
|
|
| .text-display {
|
| font-family: var(--font-fraunces), 'Fraunces', Georgia, serif;
|
| font-weight: 300;
|
| letter-spacing: -0.025em;
|
| line-height: 1.05;
|
| }
|
|
|
| .text-display em,
|
| .text-display .em {
|
| font-style: italic;
|
| font-family: var(--font-fraunces), 'Fraunces', Georgia, serif;
|
| font-weight: 300;
|
| }
|
|
|
| .text-eyebrow {
|
| font-family: var(--font-dm-mono), 'DM Mono', ui-monospace, monospace;
|
| font-size: 10px;
|
| letter-spacing: 0.2em;
|
| text-transform: uppercase;
|
| }
|
| }
|
|
|
