@keyframes scroll{
    0%{
        transform: translateX(0);
    }
    100%{
        transform: translateX(-4515px);
    }
}

body{
    overflow: hidden;
}

.right{
    text-align: right;
}

.marginTop{
    margin-top: 20px;
    margin-bottom: 20px;
}

footer{
    position: absolute;
    width: calc(100% - (var(--margin) * 2));
    bottom: 0;
}

main{
    display: grid;
    grid-template-rows: auto auto;
    height: calc(100svh - 75px - 55px);
    max-height: calc(100vh - 75px - 55px);
    max-width: calc(100vw - var(--margin * 2));
}
.carouselContainer{
    
    /* display: flex; */
    width: 100%;
    overflow: hidden;
}

.carousel{
    animation: scroll 30s linear infinite;
    display: flex;
    height: 100%;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    width: 6000px;
}

.imgContainer{
    min-width: 900px; 
    height: 100%;
    margin-right: var(--margin);
    display: flex;
    align-items: center;
    justify-content: center;
}

img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}