body {
            font-family: "Source Serif 4", serif;
            background-color: #FFF5E4;
            color: #2D2424;
            overflow-x: hidden;
        }
        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        ::-webkit-scrollbar {
            width: 6px;
        }
        ::-webkit-scrollbar-track {
            background: #FFF5E4;
        }
        ::-webkit-scrollbar-thumb {
            background: #CD5C08;
            border-radius: 3px;
        }
        .fade-transition {
            transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
        }
        .underline-animation {
            position: relative;
        }
        .underline-animation::after {
            content: '';
            position: absolute;
            width: 100%;
            transform: scaleX(0);
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: #CD5C08;
            transform-origin: bottom right;
            transition: transform 0.3s ease-out;
        }
        .underline-animation:hover::after {
            transform: scaleX(1);
            transform-origin: bottom left;
        }