@font-face {
      font-family: 'Cinzel';
      src: url("../fonts/CinzelDecorative-Regular.ttf") format('truetype');
      font-weight: normal;
      font-style: normal;
    }

         @font-face {
      font-family: 'Cinzel-Bold';
      src: url("../fonts/CinzelDecorative-Bold.ttf") format('truetype');
      font-weight: bold;
      font-style: normal;
    }

         @font-face {
      font-family: 'Cinzel-Bold';
      src: url("../fonts/CinzelDecorative-Bold.ttf") format('truetype');
      font-weight: bold;
      font-style: normal;
    }

* {
           margin: 0;
           padding: 0;
           box-sizing: border-box;
        }

        body {
            font-family: 'Cinzel', serif;
            background: #f5f5f5;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Cinzel', serif;
        }
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(-20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        .animate-fade-in {
            animation: fadeIn 0.8s ease-out;
        }