Anpassungen

This commit is contained in:
2025-08-04 22:53:25 -05:00
parent 7f63454701
commit 2587880a1f
12 changed files with 4052 additions and 1410 deletions

View File

@@ -1,639 +1,585 @@
/* in globals.css oder styles/index.css */
@import "./local-fonts.css";
/* globals.css */
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Alegreya&family=Alfa+Slab+One&family=Almendra&family=Amatic+SC&family=Andika&family=Architects+Daughter&family=Audiowide&family=Averia+Libre&family=Bebas+Neue&family=Black+Ops+One&family=Caveat&family=Cinzel+Decorative&family=Courgette&family=Dancing+Script&family=Exo&family=Fjalla+One&family=Germania+One&family=Gloria+Hallelujah&family=Great+Vibes&family=Holtwood+One+SC&family=Indie+Flower&family=Italiana&family=Jost&family=Kaushan+Script&family=Lato&family=Metal+Mania&family=Montserrat&family=Neucha&family=Noto+Sans&family=Open+Sans&family=Orbitron&family=Oswald&family=Pacifico&family=Permanent+Marker&family=Philosopher&family=Playfair+Display&family=Poppins&family=Press+Start+2P&family=Questrial&family=Quicksand&family=Rajdhani&family=Raleway&family=Righteous&family=Roboto&family=Sacramento&family=Satisfy&family=Space+Mono&family=Spectral&family=Staatliches&family=Stint+Ultra+Condensed&family=Syncopate&family=Ultra&family=Unica+One&family=Work+Sans&family=Yellowtail&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;
/* === Lokale Fonts via woff2 einbinden === */
/* === Hybrid Font-Definitionen (Google primär, lokal als Fallback) === */
@font-face {
font-family: "AbrilFatface";
src: url("/fonts/abril-fatface.woff2") format("woff2");
font-family: 'Abril Fatface';
src: local('Abril Fatface'), url("/fonts/abril-fatface.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Alegreya";
src: url("/fonts/alegreya.woff2") format("woff2");
font-family: 'Alegreya';
src: local('Alegreya'), url("/fonts/alegreya.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "AlfaSlabOne";
src: url("/fonts/alfa-slab-one.woff2") format("woff2");
font-family: 'Alfa Slab One';
src: local('Alfa Slab One'), url("/fonts/alfa-slab-one.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Almendra";
src: url("/fonts/almendra.woff2") format("woff2");
font-family: 'Almendra';
src: local('Almendra'), url("/fonts/almendra.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "AmaticSc";
src: url("/fonts/amatic-sc.woff2") format("woff2");
font-family: 'Amatic SC';
src: local('Amatic SC'), url("/fonts/amatic-sc.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Andika";
src: url("/fonts/andika.woff2") format("woff2");
font-family: 'Andika';
src: local('Andika'), url("/fonts/andika.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "ArchitectsDaughter";
src: url("/fonts/architects-daughter.woff2") format("woff2");
font-family: 'Architects Daughter';
src: local('Architects Daughter'), url("/fonts/architects-daughter.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Audiowide";
src: url("/fonts/audiowide.woff2") format("woff2");
font-family: 'Audiowide';
src: local('Audiowide'), url("/fonts/audiowide.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "AveriaLibre";
src: url("/fonts/averia-libre.woff2") format("woff2");
font-family: 'Averia Libre';
src: local('Averia Libre'), url("/fonts/averia-libre.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "BebasNeue";
src: url("/fonts/bebas-neue.woff2") format("woff2");
font-family: 'Bebas Neue';
src: local('Bebas Neue'), url("/fonts/bebas-neue.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "BlackOpsOne";
src: url("/fonts/black-ops-one.woff2") format("woff2");
font-family: 'Black Ops One';
src: local('Black Ops One'), url("/fonts/black-ops-one.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Caveat";
src: url("/fonts/caveat.woff2") format("woff2");
font-family: 'Caveat';
src: local('Caveat'), url("/fonts/caveat.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "CinzelDecorative";
src: url("/fonts/cinzel-decorative.woff2") format("woff2");
font-family: 'Cinzel Decorative';
src: local('Cinzel Decorative'), url("/fonts/cinzel-decorative.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Courgette";
src: url("/fonts/courgette.woff2") format("woff2");
font-family: 'Courgette';
src: local('Courgette'), url("/fonts/courgette.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "DancingScript";
src: url("/fonts/dancing-script.woff2") format("woff2");
font-family: 'Dancing Script';
src: local('Dancing Script'), url("/fonts/dancing-script.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Exo";
src: url("/fonts/exo.woff2") format("woff2");
font-family: 'Exo';
src: local('Exo'), url("/fonts/exo.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "FjallaOne";
src: url("/fonts/fjalla-one.woff2") format("woff2");
font-family: 'Fjalla One';
src: local('Fjalla One'), url("/fonts/fjalla-one.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GermaniaOne";
src: url("/fonts/germania-one.woff2") format("woff2");
font-family: 'Germania One';
src: local('Germania One'), url("/fonts/germania-one.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GlassAntiqua";
font-family: 'Glass Antiqua';
src: url("/fonts/glass-antiqua.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GloriaHallelujah";
src: url("/fonts/gloria-hallelujah.woff2") format("woff2");
font-family: 'Gloria Hallelujah';
src: local('Gloria Hallelujah'), url("/fonts/gloria-hallelujah.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "GreatVibes";
src: url("/fonts/great-vibes.woff2") format("woff2");
font-family: 'Great Vibes';
src: local('Great Vibes'), url("/fonts/great-vibes.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "HoltwoodOneSc";
src: url("/fonts/holtwood-one-sc.woff2") format("woff2");
font-family: 'Holtwood One SC';
src: local('Holtwood One SC'), url("/fonts/holtwood-one-sc.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IndieFlower";
src: url("/fonts/indie-flower.woff2") format("woff2");
font-family: 'Indie Flower';
src: local('Indie Flower'), url("/fonts/indie-flower.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Italiana";
src: url("/fonts/italiana.woff2") format("woff2");
font-family: 'Italiana';
src: local('Italiana'), url("/fonts/italiana.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Jost";
src: url("/fonts/jost.woff2") format("woff2");
font-family: 'Jost';
src: local('Jost'), url("/fonts/jost.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "KaushanScript";
src: url("/fonts/kaushan-script.woff2") format("woff2");
font-family: 'Kaushan Script';
src: local('Kaushan Script'), url("/fonts/kaushan-script.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url("/fonts/lato.woff2") format("woff2");
font-family: 'Lato';
src: local('Lato'), url("/fonts/lato.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "MetalMania";
src: url("/fonts/metal-mania.woff2") format("woff2");
font-family: 'Metal Mania';
src: local('Metal Mania'), url("/fonts/metal-mania.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url("/fonts/montserrat.woff2") format("woff2");
font-family: 'Montserrat';
src: local('Montserrat'), url("/fonts/montserrat.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Neucha";
src: url("/fonts/neucha.woff2") format("woff2");
font-family: 'Neucha';
src: local('Neucha'), url("/fonts/neucha.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "NotoSans";
src: url("/fonts/noto-sans.woff2") format("woff2");
font-family: 'Noto Sans';
src: local('Noto Sans'), url("/fonts/noto-sans.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "OpenSans";
src: url("/fonts/open-sans.woff2") format("woff2");
font-family: 'Open Sans';
src: local('Open Sans'), url("/fonts/open-sans.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Orbitron";
src: url("/fonts/orbitron.woff2") format("woff2");
font-family: 'Orbitron';
src: local('Orbitron'), url("/fonts/orbitron.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Oswald";
src: url("/fonts/oswald.woff2") format("woff2");
font-family: 'Oswald';
src: local('Oswald'), url("/fonts/oswald.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Pacifico";
src: url("/fonts/pacifico.woff2") format("woff2");
font-family: 'Pacifico';
src: local('Pacifico'), url("/fonts/pacifico.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "PermanentMarker";
src: url("/fonts/permanent-marker.woff2") format("woff2");
font-family: 'Permanent Marker';
src: local('Permanent Marker'), url("/fonts/permanent-marker.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Philosopher";
src: url("/fonts/philosopher.woff2") format("woff2");
font-family: 'Philosopher';
src: local('Philosopher'), url("/fonts/philosopher.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "PlayfairDisplay";
src: url("/fonts/playfair-display.woff2") format("woff2");
font-family: 'Playfair Display';
src: local('Playfair Display'), url("/fonts/playfair-display.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Poppins";
src: url("/fonts/poppins.woff2") format("woff2");
font-family: 'Poppins';
src: local('Poppins'), url("/fonts/poppins.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "PressStart2P";
src: url("/fonts/press-start-2p.woff2") format("woff2");
font-family: 'Press Start 2P';
src: local('Press Start 2P'), url("/fonts/press-start-2p.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Questrial";
src: url("/fonts/questrial.woff2") format("woff2");
font-family: 'Questrial';
src: local('Questrial'), url("/fonts/questrial.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Quicksand";
src: url("/fonts/quicksand.woff2") format("woff2");
font-family: 'Quicksand';
src: local('Quicksand'), url("/fonts/quicksand.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Rajdhani";
src: url("/fonts/rajdhani.woff2") format("woff2");
font-family: 'Rajdhani';
src: local('Rajdhani'), url("/fonts/rajdhani.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Raleway";
src: url("/fonts/raleway.woff2") format("woff2");
font-family: 'Raleway';
src: local('Raleway'), url("/fonts/raleway.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Righteous";
src: url("/fonts/righteous.woff2") format("woff2");
font-family: 'Righteous';
src: local('Righteous'), url("/fonts/righteous.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url("/fonts/roboto.woff2") format("woff2");
font-family: 'Roboto';
src: local('Roboto'), url("/fonts/roboto.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Sacramento";
src: url("/fonts/sacramento.woff2") format("woff2");
font-family: 'Sacramento';
src: local('Sacramento'), url("/fonts/sacramento.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Satisfy";
src: url("/fonts/satisfy.woff2") format("woff2");
font-family: 'Satisfy';
src: local('Satisfy'), url("/fonts/satisfy.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "SpaceMono";
src: url("/fonts/space-mono.woff2") format("woff2");
font-family: 'Space Mono';
src: local('Space Mono'), url("/fonts/space-mono.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Spectral";
src: url("/fonts/spectral.woff2") format("woff2");
font-family: 'Spectral';
src: local('Spectral'), url("/fonts/spectral.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Staatliches";
src: url("/fonts/staatliches.woff2") format("woff2");
font-family: 'Staatliches';
src: local('Staatliches'), url("/fonts/staatliches.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "StintUltraCondensed";
src: url("/fonts/stint-ultra-condensed.woff2") format("woff2");
font-family: 'Stint Ultra Condensed';
src: local('Stint Ultra Condensed'), url("/fonts/stint-ultra-condensed.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Syncopate";
src: url("/fonts/syncopate.woff2") format("woff2");
font-family: 'Syncopate';
src: local('Syncopate'), url("/fonts/syncopate.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Ultra";
src: url("/fonts/ultra.woff2") format("woff2");
font-family: 'Ultra';
src: local('Ultra'), url("/fonts/ultra.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "UnicaOne";
src: url("/fonts/unica-one.woff2") format("woff2");
font-family: 'Unica One';
src: local('Unica One'), url("/fonts/unica-one.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "WorkSans";
src: url("/fonts/work-sans.woff2") format("woff2");
font-family: 'Work Sans';
src: local('Work Sans'), url("/fonts/work-sans.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Yellowtail";
src: url("/fonts/yellowtail.woff2") format("woff2");
font-family: 'Yellowtail';
src: local('Yellowtail'), url("/fonts/yellowtail.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@layer utilities {
.font-abril-fatface {
font-family: "AbrilFatface", serif;
font-family: 'Abril Fatface', serif;
}
.font-alegreya {
font-family: "Alegreya", sans-serif;
font-family: 'Alegreya', sans-serif;
}
.font-alfa-slab-one {
font-family: "AlfaSlabOne", sans-serif;
font-family: 'Alfa Slab One', sans-serif;
}
.font-almendra {
font-family: "Almendra", serif;
font-family: 'Almendra', serif;
}
.font-amatic-sc {
font-family: "AmaticSc", cursive;
font-family: 'Amatic SC', cursive;
}
.font-andika {
font-family: "Andika", sans-serif;
font-family: 'Andika', sans-serif;
}
.font-architects-daughter {
font-family: "ArchitectsDaughter", cursive;
font-family: 'Architects Daughter', cursive;
}
.font-audiowide {
font-family: "Audiowide", sans-serif;
font-family: 'Audiowide', sans-serif;
}
.font-averia-libre {
font-family: "AveriaLibre", cursive;
font-family: 'Averia Libre', cursive;
}
.font-bebas-neue {
font-family: "BebasNeue", sans-serif;
font-family: 'Bebas Neue', sans-serif;
}
.font-black-ops-one {
font-family: "BlackOpsOne", sans-serif;
font-family: 'Black Ops One', sans-serif;
}
.font-caveat {
font-family: "Caveat", cursive;
font-family: 'Caveat', cursive;
}
.font-cinzel-decorative {
font-family: "CinzelDecorative", serif;
font-family: 'Cinzel Decorative', serif;
}
.font-courgette {
font-family: "Courgette", cursive;
font-family: 'Courgette', cursive;
}
.font-dancing-script {
font-family: "DancingScript", cursive;
font-family: 'Dancing Script', cursive;
}
.font-exo {
font-family: "Exo", sans-serif;
font-family: 'Exo', sans-serif;
}
.font-fjalla-one {
font-family: "FjallaOne", sans-serif;
font-family: 'Fjalla One', sans-serif;
}
.font-germania-one {
font-family: "GermaniaOne", sans-serif;
font-family: 'Germania One', sans-serif;
}
.font-glass-antiqua {
font-family: "GlassAntiqua", cursive;
font-family: 'Glass Antiqua', cursive;
}
.font-gloria-hallelujah {
font-family: "GloriaHallelujah", cursive;
font-family: 'Gloria Hallelujah', cursive;
}
.font-great-vibes {
font-family: "GreatVibes", cursive;
font-family: 'Great Vibes', cursive;
}
.font-holtwood-one-sc {
font-family: "HoltwoodOneSc", sans-serif;
font-family: 'Holtwood One SC', sans-serif;
}
.font-indie-flower {
font-family: "IndieFlower", cursive;
font-family: 'Indie Flower', cursive;
}
.font-italiana {
font-family: "Italiana", serif;
font-family: 'Italiana', serif;
}
.font-jost {
font-family: "Jost", sans-serif;
font-family: 'Jost', sans-serif;
}
.font-kaushan-script {
font-family: "KaushanScript", cursive;
font-family: 'Kaushan Script', cursive;
}
.font-lato {
font-family: "Lato", sans-serif;
font-family: 'Lato', sans-serif;
}
.font-metal-mania {
font-family: "MetalMania", sans-serif;
font-family: 'Metal Mania', sans-serif;
}
.font-montserrat {
font-family: "Montserrat", sans-serif;
font-family: 'Montserrat', sans-serif;
}
.font-neucha {
font-family: "Neucha", sans-serif;
font-family: 'Neucha', sans-serif;
}
.font-noto-sans {
font-family: "NotoSans", sans-serif;
font-family: 'Noto Sans', sans-serif;
}
.font-open-sans {
font-family: "OpenSans", sans-serif;
font-family: 'Open Sans', sans-serif;
}
.font-orbitron {
font-family: "Orbitron", sans-serif;
font-family: 'Orbitron', sans-serif;
}
.font-oswald {
font-family: "Oswald", sans-serif;
font-family: 'Oswald', sans-serif;
}
.font-pacifico {
font-family: "Pacifico", cursive;
font-family: 'Pacifico', cursive;
}
.font-permanent-marker {
font-family: "PermanentMarker", sans-serif;
font-family: 'Permanent Marker', sans-serif;
}
.font-philosopher {
font-family: "Philosopher", serif;
font-family: 'Philosopher', serif;
}
.font-playfair-display {
font-family: "PlayfairDisplay", serif;
font-family: 'Playfair Display', serif;
}
.font-poppins {
font-family: "Poppins", sans-serif;
font-family: 'Poppins', sans-serif;
}
.font-press-start-2p {
font-family: "PressStart2P", monospace;
font-family: 'Press Start 2P', monospace;
}
.font-questrial {
font-family: "Questrial", sans-serif;
font-family: 'Questrial', sans-serif;
}
.font-quicksand {
font-family: "Quicksand", sans-serif;
font-family: 'Quicksand', sans-serif;
}
.font-rajdhani {
font-family: "Rajdhani", sans-serif;
font-family: 'Rajdhani', sans-serif;
}
.font-raleway {
font-family: "Raleway", serif;
font-family: 'Raleway', serif;
}
.font-righteous {
font-family: "Righteous", sans-serif;
font-family: 'Righteous', sans-serif;
}
.font-roboto {
font-family: "Roboto", sans-serif;
font-family: 'Roboto', sans-serif;
}
.font-sacramento {
font-family: "Sacramento", cursive;
font-family: 'Sacramento', cursive;
}
.font-satisfy {
font-family: "Satisfy", cursive;
font-family: 'Satisfy', cursive;
}
.font-space-mono {
font-family: "SpaceMono", sans-serif;
font-family: 'Space Mono', sans-serif;
}
.font-spectral {
font-family: "Spectral", sans-serif;
font-family: 'Spectral', sans-serif;
}
.font-staatliches {
font-family: "Staatliches", serif;
font-family: 'Staatliches', serif;
}
.font-stint-ultra-condensed {
font-family: "StintUltraCondensed", sans-serif;
font-family: 'Stint Ultra Condensed', sans-serif;
}
.font-syncopate {
font-family: "Syncopate", sans-serif;
font-family: 'Syncopate', sans-serif;
}
.font-ultra {
font-family: "Ultra", serif;
font-family: 'Ultra', serif;
}
.font-unica-one {
font-family: "UnicaOne", sans-serif;
font-family: 'Unica One', sans-serif;
}
.font-work-sans {
font-family: "WorkSans", sans-serif;
font-family: 'Work Sans', sans-serif;
}
.font-yellowtail {
font-family: "Yellowtail", cursive;
font-family: 'Yellowtail', cursive;
}
}
/* Komponenten */
@layer components {
.text-shadow-lg {
@@ -645,4 +591,4 @@
body {
background: #111;
color: #fff;
}
}

View File

@@ -1,522 +0,0 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
/* ========== FONT-FACE DEFINITIONS ========== */
@font-face {
font-family: "abril-fatface";
src: url("/fonts/abril-fatface.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "alegreya";
src: url("/fonts/alegreya.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "alfa-slab-one";
src: url("/fonts/alfa-slab-one.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "almendra";
src: url("/fonts/almendra.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "amatic-sc";
src: url("/fonts/amatic-sc.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "andika";
src: url("/fonts/andika.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "architects-daughter";
src: url("/fonts/architects-daughter.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "audiowide";
src: url("/fonts/audiowide.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "averia-libre";
src: url("/fonts/averia-libre.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "bebas-neue";
src: url("/fonts/bebas-neue.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "black-ops-one";
src: url("/fonts/black-ops-one.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "caveat";
src: url("/fonts/caveat.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "cinzel-decorative";
src: url("/fonts/cinzel-decorative.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "courgette";
src: url("/fonts/courgette.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "dancing-script";
src: url("/fonts/dancing-script.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "exo";
src: url("/fonts/exo.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "fjalla-one";
src: url("/fonts/fjalla-one.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "germania-one";
src: url("/fonts/germania-one.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "glass-antiqua";
src: url("/fonts/glass-antiqua.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "gloria-hallelujah";
src: url("/fonts/gloria-hallelujah.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "great-vibes";
src: url("/fonts/great-vibes.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "holtwood-one-sc";
src: url("/fonts/holtwood-one-sc.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "indie-flower";
src: url("/fonts/indie-flower.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "italiana";
src: url("/fonts/italiana.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "jost";
src: url("/fonts/jost.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "kaushan-script";
src: url("/fonts/kaushan-script.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "lato";
src: url("/fonts/lato.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "metal-mania";
src: url("/fonts/metal-mania.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "montserrat";
src: url("/fonts/montserrat.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "neucha";
src: url("/fonts/neucha.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "noto-sans";
src: url("/fonts/noto-sans.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "open-sans";
src: url("/fonts/open-sans.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "orbitron";
src: url("/fonts/orbitron.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "oswald";
src: url("/fonts/oswald.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "pacifico";
src: url("/fonts/pacifico.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "permanent-marker";
src: url("/fonts/permanent-marker.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "philosopher";
src: url("/fonts/philosopher.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "playfair-display";
src: url("/fonts/playfair-display.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "poppins";
src: url("/fonts/poppins.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "press-start-2p";
src: url("/fonts/press-start-2p.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "questrial";
src: url("/fonts/questrial.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "quicksand";
src: url("/fonts/quicksand.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "rajdhani";
src: url("/fonts/rajdhani.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "raleway";
src: url("/fonts/raleway.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "righteous";
src: url("/fonts/righteous.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "roboto";
src: url("/fonts/roboto.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "sacramento";
src: url("/fonts/sacramento.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "satisfy";
src: url("/fonts/satisfy.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "space-mono";
src: url("/fonts/space-mono.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "spectral";
src: url("/fonts/spectral.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "staatliches";
src: url("/fonts/staatliches.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "stint-ultra-condensed";
src: url("/fonts/stint-ultra-condensed.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "syncopate";
src: url("/fonts/syncopate.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "ultra";
src: url("/fonts/ultra.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "unica-one";
src: url("/fonts/unica-one.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "work-sans";
src: url("/fonts/work-sans.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "yellowtail";
src: url("/fonts/yellowtail.woff2") format("woff2");
font-weight: 400;
font-style: normal;
}
/* ========== TAILWIND UTILITY CLASSES ========== */
@layer utilities {
.font-abril-fatface {
font-family: "abril-fatface", sans-serif;
}
.font-alegreya {
font-family: "alegreya", sans-serif;
}
.font-alfa-slab-one {
font-family: "alfa-slab-one", sans-serif;
}
.font-almendra {
font-family: "almendra", sans-serif;
}
.font-amatic-sc {
font-family: "amatic-sc", sans-serif;
}
.font-andika {
font-family: "andika", sans-serif;
}
.font-architects-daughter {
font-family: "architects-daughter", sans-serif;
}
.font-audiowide {
font-family: "audiowide", sans-serif;
}
.font-averia-libre {
font-family: "averia-libre", sans-serif;
}
.font-bebas-neue {
font-family: "bebas-neue", sans-serif;
}
.font-black-ops-one {
font-family: "black-ops-one", sans-serif;
}
.font-caveat {
font-family: "caveat", sans-serif;
}
.font-cinzel-decorative {
font-family: "cinzel-decorative", sans-serif;
}
.font-courgette {
font-family: "courgette", sans-serif;
}
.font-dancing-script {
font-family: "dancing-script", sans-serif;
}
.font-exo {
font-family: "exo", sans-serif;
}
.font-fjalla-one {
font-family: "fjalla-one", sans-serif;
}
.font-germania-one {
font-family: "germania-one", sans-serif;
}
.font-glass-antiqua {
font-family: "glass-antiqua", sans-serif;
}
.font-gloria-hallelujah {
font-family: "gloria-hallelujah", sans-serif;
}
.font-great-vibes {
font-family: "great-vibes", sans-serif;
}
.font-holtwood-one-sc {
font-family: "holtwood-one-sc", sans-serif;
}
.font-indie-flower {
font-family: "indie-flower", sans-serif;
}
.font-italiana {
font-family: "italiana", sans-serif;
}
.font-jost {
font-family: "jost", sans-serif;
}
.font-kaushan-script {
font-family: "kaushan-script", sans-serif;
}
.font-lato {
font-family: "lato", sans-serif;
}
.font-metal-mania {
font-family: "metal-mania", sans-serif;
}
.font-montserrat {
font-family: "montserrat", sans-serif;
}
.font-neucha {
font-family: "neucha", sans-serif;
}
.font-noto-sans {
font-family: "noto-sans", sans-serif;
}
.font-open-sans {
font-family: "open-sans", sans-serif;
}
.font-orbitron {
font-family: "orbitron", sans-serif;
}
.font-oswald {
font-family: "oswald", sans-serif;
}
.font-pacifico {
font-family: "pacifico", sans-serif;
}
.font-permanent-marker {
font-family: "permanent-marker", sans-serif;
}
.font-philosopher {
font-family: "philosopher", sans-serif;
}
.font-playfair-display {
font-family: "playfair-display", sans-serif;
}
.font-poppins {
font-family: "poppins", sans-serif;
}
.font-press-start-2p {
font-family: "press-start-2p", sans-serif;
}
.font-questrial {
font-family: "questrial", sans-serif;
}
.font-quicksand {
font-family: "quicksand", sans-serif;
}
.font-rajdhani {
font-family: "rajdhani", sans-serif;
}
.font-raleway {
font-family: "raleway", sans-serif;
}
.font-righteous {
font-family: "righteous", sans-serif;
}
.font-roboto {
font-family: "roboto", sans-serif;
}
.font-sacramento {
font-family: "sacramento", sans-serif;
}
.font-satisfy {
font-family: "satisfy", sans-serif;
}
.font-space-mono {
font-family: "space-mono", sans-serif;
}
.font-spectral {
font-family: "spectral", sans-serif;
}
.font-staatliches {
font-family: "staatliches", sans-serif;
}
.font-stint-ultra-condensed {
font-family: "stint-ultra-condensed", sans-serif;
}
.font-syncopate {
font-family: "syncopate", sans-serif;
}
.font-ultra {
font-family: "ultra", sans-serif;
}
.font-unica-one {
font-family: "unica-one", sans-serif;
}
.font-work-sans {
font-family: "work-sans", sans-serif;
}
.font-yellowtail {
font-family: "yellowtail", sans-serif;
}
}

File diff suppressed because it is too large Load Diff