body {
}


[v-cloak] > * {
    display: none
}

/*[v-cloak]::before {
    content: "Loading Data...";
    display: block;
    text-align: center;
}*/

.app-container {
    max-width: 1520px;
    margin: auto;
}

.attachment-icon {
    margin-top: -5px;
}

.footer-link {
    text-decoration: none;
}

    .footer-link:hover {
        text-decoration: underline;
    }

.hover-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .hover-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        border-color: #108a00;
    }

.business-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

    .business-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    }


.portfolio-card {
    height: 200px;
    width: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .portfolio-card:hover {
        transform: scale(1.05);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    }

.portfolio-word {
    background: radial-gradient(circle, #3FA7EF 0%, #0E52B7 100%)
}

.portfolio-pdf {
    background: radial-gradient(circle, #FA0F00 0%, #A50000 100%);
}

.portfolio-powerpoint {
    background: radial-gradient(circle, #FF8F6B 0%, #BC3618 100%);
}

.portfolio-video {
    /* width: 100%;
    height: 200px;
    object-fit: cover;*/
    width: 100%;
    height: 200px;
    object-fit: contain;
    background-color: black;
}

.portfolio-image {
    height: 200px;
    width: 100%;
}