.projectCard[data-v-d63cf66a] {
    overflow: hidden;
}
.projectCard[data-v-d63cf66a],
.projectCard img[data-v-d63cf66a] {
    border-radius: 20px;
    width: 300px;
    height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    transition: 1s all ease;
}
.projectCard:hover button[data-v-d63cf66a] {
    opacity: 1;
}
.projectCard:hover img[data-v-d63cf66a] {
    transform: scale(1.2);
}
.projectCard button[data-v-d63cf66a] {
    opacity: 0;
    padding: 2px 13px;
    color: var(--mainColor);
    font-weight: 700;
    border-radius: 50px;
    transition: opacity 0.5s ease;
}
.projectCard h1[data-v-d63cf66a] {
    font-size: 1.8rem;
}
.footer[data-v-d63cf66a] {
    font-weight: 600;
    margin-top: 5rem;
}