@tailwind base;

@tailwind components;

@tailwind utilities;

@font-face
{
  font-family: "interMeduim";
  src: url(../font/intermeduim.ttf) format("woff");
}
@font-face
{
  font-family: "interBold";
  src: url(../font/interblack.ttf) format("woff");
}
@font-face
{
  font-family: "interLight";
  src: url(../font/interlight.ttf) format("woff");
}
@layer utilities {
  .content-auto {
    content-visibility: auto;
  }
}

.font-black
{
    font-family: "interBold";
}
.bg-bleu
{
  background-color: #1199EE;
}
.bg-vert
{
  background-color: #1A5036;
}

h1,h2,h3,h4,h5,h6
{
  font-family: "interBold";
}

.bg-gradient
{

  background: rgb(32,55,107);
  background: radial-gradient(circle, rgba(32,55,107,1) 0%, rgba(0,102,153,1) 0%, rgba(0,51,102,1) 100%);  /* Dégradé de couleurs */
  background-image: url('../img/fond.png'); /* URL de votre image de fond */
  background-size: cover; /* Redimensionne l'image pour couvrir tout le conteneur */
  background-position: center; /* Centre l'image horizontalement et verticalement */
  background-repeat: no-repeat; /* Empêche la répétition de l'image */
}

.bg-gradien
{

  background: rgb(32,55,107);
  background: radial-gradient(circle, rgba(32,55,107,1) 0%, rgba(0,102,153,1) 0%, rgba(0,51,102,1) 100%);  /* Dégradé de couleurs */
  background-image: url('../img/fondss.jpg'); /* URL de votre image de fond */
  background-size: cover; /* Redimensionne l'image pour couvrir tout le conteneur */
  background-position: center; /* Centre l'image horizontalement et verticalement */
  background-repeat: no-repeat; /* Empêche la répétition de l'image */
}
.bg-dashboard
{

  background: rgb(32,55,107);
  background: radial-gradient(circle, rgba(32,55,107,1) 0%, rgba(0,102,153,1) 0%, rgba(0,51,102,1) 100%);  /* Dégradé de couleurs */
  background-image: url('../img/dashboard.png'); /* URL de votre image de fond */
  background-size: cover; /* Redimensionne l'image pour couvrir tout le conteneur */
  background-position: center; /* Centre l'image horizontalement et verticalement */
  background-repeat: no-repeat; /* Empêche la répétition de l'image */
}

.bg-gradiente
{
  background: rgb(32,55,107);
  background: radial-gradient(circle, rgba(32,55,107,1) 0%, rgba(0,102,153,1) 0%, rgba(0,51,102,1) 100%);  /* Dégradé de couleurs */
}

.bg-gradiented
{
  background: rgb(32,55,107);
  background: radial-gradient(circle, rgba(32,55,107,1) 0%, #0d9488 0%, rgba(0,51,102,1) 100%);  /* Dégradé de couleurs */
}
.icon-deco
{
    color:rgb(105,155,218);
    font-size: 2em;
}