@import "tailwindcss";

@theme {
  --color-bg-color: #E3E9ED;
  --color-blue: #1747CB;
  --color-blue-hover: #0D38AC;
  --color-black: #333131;
  --color-grey: #68686A;
  --color-surface: #F3F3F3;
   --font-sans: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('./fonts/HelveticaNeueItalic.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Twemoji";
  src: url("https://cdn.jsdelivr.net/gh/mozilla/twemoji-colr-font/twemoji.woff2") format("woff2");
}

.ios-emoji {
  font-family: "Twemoji", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}

.main h1 {
  font-size: 35px;
  font-weight: 500;
}

.main h2 {
  font-size: 10px;
  font-weight: 600;
}


.main p {
  color: #5E5E5E;
}

.main li {
  color: #5E5E5E;
}

.custom-shadow {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.2); 
}