/****************************
animations
****************************/
@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(0); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}


/****************************
professional experience specific
****************************/

/* Style for the logo container */
.company-logo-container {
    text-align: center;
    margin-bottom: 10px;
    z-index: 10;
    position: relative;
}

/* Style for the logo itself */
.company-logo {
    width: 250px;
    height: auto;
    margin-bottom: 10px;
    animation: fadeIn 1s ease-out;
}

@media (max-width: 700px) {
    .company-logo {
        width: 130px;
        height: auto;
        margin-bottom: 20px;
    }
}