@tailwind base;
@tailwind components;
@tailwind utilities;

/*@import './components/';*/

/* 클리핑 애니메이션 (왼쪽부터 점점 보임) */
@keyframes clipReveal {
    from {
        clip-path: inset(0 100% 0 0); /* 왼쪽만 남기고 나머지 잘라냄 */
    }
    to {
        clip-path: inset(0 0 0 0); /* 전체 다 보임 */
    }
}

.clip-reveal {
    animation: clipReveal 2500ms ease forwards;
}
/* 텍스트 블링크 */
@keyframes blink {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
.animate-blink {
    animation: blink 1.2s infinite;
}

/* 로고 마스크 설정 */
.mask-logo {
    -webkit-mask-image: url('/logo.png');
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-image: url('/logo.png');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
}