
/* Base logo style */
.logo-animated {
    display: inline-block;
    max-width: 300px;
    animation: bobbingRotate 7s ease-in-out infinite;
}

/* Bobbing + rotate left and right */
@keyframes bobbingRotate {
    0% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(-10px) rotate(-3deg); /* tilt left */
    }
    50% {
        transform: translateY(0) rotate(0deg); /* center */
    }
    75% {
        transform: translateY(-10px) rotate(3deg); /* tilt right */
    }
    100% {
        transform: translateY(0) rotate(0deg); /* center */
    }
}




        
    .highlight-text { color: #ff1b23; }
    .kanit-text {   
        font-family: "Kanit", sans-serif;
        font-weight: 800;
        font-style: italic;
        }