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

/* @layer components {
  .test {
    @apply bg-black;
  }
} */

@font-face {
  font-family: 'Deluce';
  src: url('../fonts/deluce/ttf/deluce-deluce-regular-400.ttf') format('truetype');
  }



@font-face {
  font-family: PlayfairDisplay;
  src: url('../fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf'); 
}

@font-face {
  font-family: PlayfairDisplay-Italic;
  src: url('../fonts/PlayfairDisplay/PlayfairDisplay-Italic.ttf'); 
}

@font-face {
  font-family: PlayfairDisplay-BlackItalic;
  src: url('../fonts/PlayfairDisplay/PlayfairDisplay-BlackItalic.ttf'); 
}

@font-face {
  font-family: PlayfairDisplay-Bold;
  src: url('../fonts/PlayfairDisplay/PlayfairDisplay-Bold.ttf'); 
}

@font-face {
  font-family: Logam;
  src: url('../fonts/logam/ttf/logam-logam-regular-400.ttf'); 
}

@font-face {
  font-family: Aguero;
  src: url('../fonts/aguero-serif/otf/aguero-serif-aguero-serif-regular-400.otf'); 
}

.logo { 
  font-family: PlayfairDisplay-Bold;
}
.logounder {
  font-family: PlayfairDisplay;
}

.comingsoon {
  font-family: Aguero;
}

.button {
  font-family: Logam;
}

.bg-img1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.simpleslide100 {
  display: block;
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
}

.simpleslide100-item {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}





/* 



 */