1/* This file is compiled to /assets/styles/tailwind.css via script/tailwind */
  2
  3@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
  4
  5@font-face {
  6    font-family: 'Visby CF';
  7    src:
  8        url('/static/fonts/VisbyCF-Thin.woff2') format('woff2'),
  9        url('/static/fonts/VisbyCF-Thin.woff') format('woff');
 10    font-weight: 100;
 11    font-style: normal;
 12}
 13
 14
 15@font-face {
 16    font-family: 'Visby CF';
 17    src:
 18        url('/static/fonts/VisbyCF-Light.woff2') format('woff2'),
 19        url('/static/fonts/VisbyCF-Light.woff') format('woff');
 20    font-weight: 300;
 21    font-style: normal;
 22}
 23 
 24@font-face {
 25    font-family: 'Visby CF';
 26    src:
 27        url('/static/fonts/VisbyCF-Regular.woff2') format('woff2'),
 28        url('/static/fonts/VisbyCF-Regular.woff') format('woff');
 29    font-weight: 400;
 30    font-style: normal;
 31}
 32
 33@font-face {
 34    font-family: 'Visby CF';
 35    src:
 36        url('/static/fonts/VisbyCF-Medium.woff2') format('woff2'),
 37        url('/static/fonts/VisbyCF-Medium.woff') format('woff');
 38    font-weight: 500;
 39    font-style: normal;
 40}
 41
 42@font-face {
 43    font-family: 'Visby CF';
 44    src:
 45        url('/static/fonts/VisbyCF-DemiBold.woff2') format('woff2'),
 46        url('/static/fonts/VisbyCF-DemiBold.woff') format('woff');
 47    font-weight: 600;
 48    font-style: normal;
 49}
 50
 51@font-face {
 52    font-family: 'Visby CF';
 53    src:
 54        url('/static/fonts/VisbyCF-Bold.woff2') format('woff2'),
 55        url('/static/fonts/VisbyCF-Bold.woff') format('woff');
 56    font-weight: 700;
 57    font-style: normal;
 58}
 59
 60@font-face {
 61    font-family: 'Visby CF';
 62    src:
 63        url('/static/fonts/VisbyCF-ExtraBold.woff2') format('woff2'),
 64        url('/static/fonts/VisbyCF-ExtraBold.woff') format('woff');
 65    font-weight: 800;
 66    font-style: normal;
 67}
 68
 69@font-face {
 70    font-family: 'Visby CF';
 71    src:
 72        url('/static/fonts/VisbyCF-Heavy.woff2') format('woff2'),
 73        url('/static/fonts/VisbyCF-Heavy.woff') format('woff');
 74    font-weight: 900;
 75    font-style: normal;
 76}
 77
 78@tailwind base;
 79@tailwind components;
 80@tailwind utilities;
 81
 82@layer utilities {
 83    @responsive {
 84        .bg-dotgrid-sm {
 85            background:
 86                linear-gradient(90deg, theme('colors.gray.50') 38px, transparent 1%) center,
 87                linear-gradient(theme('colors.gray.50') 38px, transparent 1%) center,
 88                theme('colors.gray.600');
 89            background-size: 40px 40px;
 90        }
 91
 92        .bg-dotgrid-md {
 93            background:
 94                linear-gradient(90deg, theme('colors.gray.50') 58px, transparent 1%) center,
 95                linear-gradient(theme('colors.gray.50') 58px, transparent 1%) center,
 96                theme('colors.gray.600');
 97            background-size: 60px 60px;
 98        }
 99
100        .bg-dotgrid-lg {
101            background:
102                linear-gradient(90deg, theme('colors.gray.50') 88px, transparent 1%) center,
103                linear-gradient(theme('colors.gray.50') 88px, transparent 1%) center,
104                theme('colors.gray.600');
105            background-size: 90px 90px;
106        }       
107    }
108}