@charset "UTF-8";

/*****************************/
/***** #experience-page ******/
/*****************************/
img {
    width: 100%;
    max-width: 100%;
}

#experience-page #main .text>* {
    font-size: clamp(3rem, 11.5vw, 10rem);
    letter-spacing: -0.85rem;
}

#experience-page .experience-box {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-padding);
    margin-top: 3rem;
}

#experience-page .experience-box .card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc((100% / 3) - var(--gap-padding));
    transition: var(--animation-fast);
}

#experience-page .experience-box .card:hover {
    transform: translateY(-15px);
}

#experience-page .experience-box .card .img-box {
    display: flex;
    flex: auto;
}

#experience-page .tab-menu {
    justify-content: flex-end;
}

#experience-page .tab-menu .tab-list {
    cursor: pointer;
}

#experience-page footer {
    padding-top: 5rem;
}

#experience-page footer .copy {
    color: #c7c7c7;
}

/* media query */
@media screen and (max-width: 1280px) {
    #experience-page #main .text>span {
        letter-spacing: -0.25rem;
    }
}