@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {

  :root {
    --Border-icons: linear-gradient(275deg, rgba(255, 255, 255, 0.20) 15.52%, rgba(255, 255, 255, 0.50) 85.61%);
    --Green-Gradiant: linear-gradient(180deg, #E1F86A 0%, #9FE535 100%);
    --Purple-Gradient: linear-gradient(180deg, #D2B5FF 0%, #5D01EB 100%), #5D01EB;
    --Black: #111312;
    --Linear: linear-gradient(90deg, #FFF -32.48%, #AD7CFA 128.12%);
    --BK: url('./assets/photos/private_sweepstakes_leagues.webp') lightgray 50% / cover no-repeat;
    --BK1: url('./assets/photos/private_sweepstakes_leagues_mobile.webp') lightgray 50% / cover no-repeat;
    --BK2: url('./assets/photos/public_sweepstakes_leagues.webp') lightgray 50% / cover no-repeat;
    --BK5: url('./assets/photos/public_sweepstakes_leagues_mobile.webp') lightgray 50% / cover no-repeat;
    --BK3: url('./assets/photos/sponsor_sweepstakes_leagues.webp') lightgray 50% / cover no-repeat;
    --BK4: url('./assets/photos/sponsor_sweepstakes_leagues_mobile.webp') lightgray 50% / cover no-repeat;
    --White: #FFFFFF;
    --Danger: #ED1C24;
    --Sponser-color: linear-gradient(90deg, #FDB836 0%, #976E20 100%);
  }

  html {
    /* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
  }


  body {
    font-family: 'Circular Std', 'Montserrat', Arial, sans-serif;
    background-color: #111312;
  }

  @font-face {
    font-family: 'Montserrat';
    src:
      url('/fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-MediumItalic.eot');
    src: local('Circular Std Medium Italic'), local('CircularStd-MediumItalic'),
      url('/fonts/CircularStd-MediumItalic.eot?#iefix') format('embedded-opentype'),
      url('/fonts/CircularStd-MediumItalic.woff2') format('woff2'),
      url('/fonts/CircularStd-MediumItalic.woff') format('woff'),
      url('/fonts/CircularStd-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: optional;
  }

  @font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-Black.eot');
    src: local('Circular Std Black'), local('CircularStd-Black'),
      url('/fonts/CircularStd-Black.eot?#iefix') format('embedded-opentype'),
      url('/fonts/CircularStd-Black.woff2') format('woff2'),
      url('/fonts/CircularStd-Black.woff') format('woff'),
      url('/fonts/CircularStd-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: optional;
  }

  @font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-Medium.eot');
    src: local('Circular Std Medium'), local('CircularStd-Medium'),
      url('/fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'),
      url('/fonts/CircularStd-Medium.woff2') format('woff2'),
      url('/fonts/CircularStd-Medium.woff') format('woff'),
      url('/fonts/CircularStd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: optional;
  }

  @font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-Bold.eot');
    src: local('Circular Std Bold'), local('CircularStd-Bold'),
      url('/fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),
      url('/fonts/CircularStd-Bold.woff2') format('woff2'),
      url('/fonts/CircularStd-Bold.woff') format('woff'),
      url('/fonts/CircularStd-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: optional;
  }

  @font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-BlackItalic.eot');
    src: local('Circular Std Black Italic'), local('CircularStd-BlackItalic'),
      url('/fonts/CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'),
      url('/fonts/CircularStd-BlackItalic.woff2') format('woff2'),
      url('/fonts/CircularStd-BlackItalic.woff') format('woff'),
      url('/fonts/CircularStd-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: optional;
  }

  @font-face {
    font-family: 'Circular Std Book';
    src: url('/fonts/CircularStd-BookItalic.eot');
    src: local('Circular Std Book Italic'), local('CircularStd-BookItalic'),
      url('/fonts/CircularStd-BookItalic.eot?#iefix') format('embedded-opentype'),
      url('/fonts/CircularStd-BookItalic.woff2') format('woff2'),
      url('/fonts/CircularStd-BookItalic.woff') format('woff'),
      url('/fonts/CircularStd-BookItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: optional;
  }

  @font-face {
    font-family: 'Circular Std';
    src: url('/fonts/CircularStd-BoldItalic.eot');
    src: local('Circular Std Bold Italic'), local('CircularStd-BoldItalic'),
      url('/fonts/CircularStd-BoldItalic.eot?#iefix') format('embedded-opentype'),
      url('/fonts/CircularStd-BoldItalic.woff2') format('woff2'),
      url('/fonts/CircularStd-BoldItalic.woff') format('woff'),
      url('/fonts/CircularStd-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: optional;
  }

  @font-face {
    font-family: 'Circular Std Book';
    src: url('/fonts/CircularStd-Book.eot');
    src: local('Circular Std Book'), local('CircularStd-Book'),
      url('/fonts/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
      url('/fonts/CircularStd-Book.woff2') format('woff2'),
      url('/fonts/CircularStd-Book.woff') format('woff'),
      url('/fonts/CircularStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: optional;
  }
}