.start-container{
    gap: var(--gap-3);
}

.start-btn {
    width: 40%;
    max-width: 140px; 
}

.circle-img.circle,
.wordHard-img.circle
{
    /* clip-path를 사용해서 원 모양으로 자른다. */
    clip-path: circle(10%);
}
.circle-img.circle.grow,
.wordHard-img.circle.grow
{
    animation: circleGrow 5s forwards;
}
@keyframes circleGrow {
    100%{
        clip-path: circle(25%);
    }
}
.blur-img,
.wordHard-img.blur
{
    filter: blur(25px);
}
.blur-img.show,
.wordHard-img.blur.show
{
    filter: blur(0px);
}
.blur-img.clear,
.wordHard-img.blur.clear
{
    animation: imgClear 5s forwards;
}
@keyframes imgClear {
    100%{
        filter: blur(5px);
    }
}