fancytextstuff/styles/globals.css

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

/* === Lokale Fonts einbinden via @font-face === */
@font-face {
  font-family: "Montserrat";
  src: url("/fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Bebas Neue";
  src: url("/fonts/BebasNeue-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Pacifico";
  src: url("/fonts/Pacifico-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Caveat";
  src: url("/fonts/Caveat-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Fredoka One";
  src: url("/fonts/FredokaOne-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Playfair Display";
  src: url("/fonts/PlayfairDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "VT323";
  src: url("/fonts/VT323-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Amatic SC";
  src: url("/fonts/AmaticSC-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Architects Daughter";
  src: url("/fonts/ArchitectsDaughter-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Averia Libre";
  src: url("/fonts/AveriaLibre-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Black Ops One";
  src: url("/fonts/BlackOpsOne-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Cinzel Decorative";
  src: url("/fonts/CinzelDecorative-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Courgette";
  src: url("/fonts/Courgette-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Dancing Script";
  src: url("/fonts/DancingScript-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Fjalla One";
  src: url("/fonts/FjallaOne-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Germania One";
  src: url("/fonts/GermaniaOne-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Glass Antiqua";
  src: url("/fonts/GlassAntiqua-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Great Vibes";
  src: url("/fonts/GreatVibes-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Neucha";
  src: url("/fonts/Neucha-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Noto Sans";
  src: url("/fonts/NotoSans-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Philosopher";
  src: url("/fonts/Philosopher-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Press Start 2P";
  src: url("/fonts/PressStart2P-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Righteous";
  src: url("/fonts/Righteous-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Satisfy";
  src: url("/fonts/Satisfy-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Sacramento";
  src: url("/fonts/Sacramento-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Syncopate";
  src: url("/fonts/Syncopate-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Orbitron";
  src: url("/fonts/Orbitron-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Ultra";
  src: url("/fonts/Ultra-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Staatliches";
  src: url("/fonts/Staatliches-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Unica One";
  src: url("/fonts/UnicaOne-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Italiana";
  src: url("/fonts/Italiana-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Alfa Slab One";
  src: url("/fonts/AlfaSlabOne-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Andika";
  src: url("/fonts/Andika-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Alegreya";
  src: url("/fonts/Alegreya-Regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "Spectral";
  src: url("/fonts/Spectral-Regular.ttf") format("truetype");
  font-weight: 400;
}

/* Utility-Klassen für lokale Fonts */
@layer utilities {
  .font-montserrat {
    font-family: "Montserrat", sans-serif;
  }
  .font-bebasneue {
    font-family: "Bebas Neue", cursive;
  }
  .font-pacifico {
    font-family: "Pacifico", cursive;
  }
  .font-caveat {
    font-family: "Caveat", cursive;
  }
  .font-fredokaone {
    font-family: "Fredoka One", cursive;
  }
  .font-playfair {
    font-family: "Playfair Display", serif;
  }
  .font-vt323 {
    font-family: "VT323", monospace;
  }
  .font-amaticsc {
    font-family: "Amatic SC", cursive;
  }
  .font-architectsdaughter {
    font-family: "Architects Daughter", cursive;
  }
  .font-averialibre {
    font-family: "Averia Libre", cursive;
  }
  .font-blackopsone {
    font-family: "Black Ops One", sans-serif;
  }
  .font-cinzeldecorative {
    font-family: "Cinzel Decorative", serif;
  }
  .font-courgette {
    font-family: "Courgette", cursive;
  }
  .font-dancingscript {
    font-family: "Dancing Script", cursive;
  }
  .font-fjallaone {
    font-family: "Fjalla One", sans-serif;
  }
  .font-germaniaone {
    font-family: "Germania One", serif;
  }
  .font-glassantiqua {
    font-family: "Glass Antiqua", cursive;
  }
  .font-greatvibes {
    font-family: "Great Vibes", cursive;
  }
  .font-neucha {
    font-family: "Neucha", cursive;
  }
  .font-notosans {
    font-family: "Noto Sans", sans-serif;
  }
  .font-philosopher {
    font-family: "Philosopher", sans-serif;
  }
  .font-pressstart2p {
    font-family: "Press Start 2P", monospace;
  }
  .font-righteous {
    font-family: "Righteous", cursive;
  }
  .font-satisfy {
    font-family: "Satisfy", cursive;
  }
  .font-sacramento {
    font-family: "Sacramento", cursive;
  }
  .font-syncopate {
    font-family: "Syncopate", sans-serif;
  }
  .font-orbitron {
    font-family: "Orbitron", sans-serif;
  }
  .font-ultra {
    font-family: "Ultra", serif;
  }
  .font-staatliches {
    font-family: "Staatliches", sans-serif;
  }
  .font-unicaone {
    font-family: "Unica One", sans-serif;
  }
  .font-italiana {
    font-family: "Italiana", serif;
  }
  .font-alfaslabone {
    font-family: "Alfa Slab One", serif;
  }
  .font-andika {
    font-family: "Andika", sans-serif;
  }
  .font-alegreya {
    font-family: "Alegreya", serif;
  }
  .font-spectral {
    font-family: "Spectral", serif;
  }
}

/* Komponenten und sonstige Styles */
@layer components {
  .text-shadow-lg {
    text-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  }
}

body {
  background: #111;
  color: #fff;
}