body {
    scroll-behavior: smooth;
}

#hero-canvas {
    background-image: linear-gradient(135deg, #402d1f 0%, #2d1f14 100%);
    background-position-x: initial;
    background-position-y: initial;
    background-size: initial;
    background-repeat: initial;
    background-attachment: initial;
    background-origin: initial;
    background-clip: initial;
    background-color: initial;
}

.float-element {
    animation-duration: 6s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: float;
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
}

input, select, textarea {
    transition-behavior: normal;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: border-color;
}

input:focus, select:focus, textarea:focus {
    border-top-color: #d97706;
    border-right-color: #d97706;
    border-bottom-color: #d97706;
    border-left-color: #d97706;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}