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

*{
  font-family: "Raleway", sans-serif;
    
  }


  @media (min-width: 976px) {
    .container {
      max-width: 1200px;
    }
  }

  @media (min-width: 976px) {
    .container2 {
      max-width: 976px;
    }
  }

  @media (min-width: 976px) {
    .container3 {
      max-width: 776px;
    }
  }


  @font-face {
    font-family: "Carrig W01 Regular";
    src: url("https://db.onlinewebfonts.com/t/0718410049f8231cf40c54f6dc249450.eot");
    src: url("https://db.onlinewebfonts.com/t/0718410049f8231cf40c54f6dc249450.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/0718410049f8231cf40c54f6dc249450.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/0718410049f8231cf40c54f6dc249450.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/0718410049f8231cf40c54f6dc249450.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/0718410049f8231cf40c54f6dc249450.svg#Carrig W01 Regular")format("svg");
}


@layer utilities{
  .paused {
    animation-play-state: paused;
  }
}