:root {
    --app-height: 100%;
}

html{
    scroll-behavior: smooth;
}

.app-height {
    height: var(--app-height);
}

.loading{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height: var(--app-height);
    background:#000000;
    z-index: 10000;
    transition: all 1s ease;
}

.pulse {
    animation: pulse 3s ease-out;
    animation-iteration-count: infinite;
}
.client-logo{
    max-height: 150px;
    padding:10px;
}

@keyframes pulse {
    0% {
        opacity: 0.5;
    }
    50% {
        opacity: 1;
        transform: translateY(10px);
    }
    100% {
        opacity: 0.5;
    }
}

@media only screen and (max-width: 600px) {
    .client-logo {
        max-height: 120px;
        padding: 4px;
    }
}
@media only screen and (max-width: 320px) {
    .client-logo {
        max-height: 100px;
        padding: 4px;
    }
}