@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{@apply scroll-smooth;}body{@apply bg-black text-gray-200;font-family:Roboto,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif;@apply font-bold text-red-500;}.font-circus{font-family:Creepster,cursive}}@layer components{.btn-3d{@apply relative inline-block px-8 py-3 text-lg font-bold text-white uppercase transition-transform duration-200 ease-in-out transform bg-red-600 border-b-4 border-red-800 rounded-md shadow-lg;}.btn-3d:hover{@apply -translate-y-1 bg-red-700;}.btn-3d:active{@apply translate-y-0.5 bg-red-800 border-b-2 border-red-900;}.btn-3d.btn-secondary{@apply bg-gray-700 border-gray-900;}.btn-3d.btn-secondary:hover{@apply bg-gray-800;}.btn-3d.btn-secondary:active{@apply bg-gray-900 border-b-2 border-black;}}body{font-family:Lato,sans-serif;background-color:#0a0a0a}.font-circus{font-family:Rye,serif;color:#b91c1c;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,4px 4px 0px rgba(0,0,0,.4)}.btn-3d{position:relative;border:none;background-color:#b91c1c;color:#fff;border-radius:.375rem;box-shadow:0 5px #7f1d1d;transition:all .1s ease-in-out;padding:.75rem 1.5rem}.btn-3d.btn-secondary{background-color:#4b5563;box-shadow:0 5px #1f2937}.btn-3d:hover{top:-2px;box-shadow:0 7px #7f1d1d}.btn-3d.btn-secondary:hover{background-color:#374151;box-shadow:0 7px #1f2937}.btn-3d:active{top:5px;box-shadow:0 0 #7f1d1d}.btn-3d.btn-secondary:active{box-shadow:0 0 #1f2937}.highlight-box-3d{border-radius:.5rem;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 1px #ffffff0d,0 4px 15px #00000080;transition:all .3s ease}.highlight-box-3d:hover{transform:translateY(-5px);box-shadow:inset 0 1px 1px #ffffff0d,0 8px 25px #0009}