/* Styles are now handled by Tailwind CSS in index.html */

.hero-title {
    font-size: 1.2rem;
    margin-bottom: 40px;
    font-weight: 800;
    display: inline-block;
    transform: rotate(-2deg);
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    box-shadow: 6px 6px 0px 0px rgb(0, 0, 0);
    padding: 13px 48px;
    border: 2px solid #000;
    letter-spacing: 0.05em;
    transition: all 0.3s ease;
    cursor: default;
}

.hero-title:hover {
    transform: rotate(0deg) scale(1.02);
    box-shadow: 4px 4px 0px 0px rgb(0, 0, 0);
}