body {
    font-family: "Outfit", sans-serif;
    background-color: #f1f0ee;
}

.brand {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.brand img{
    height: 48px;
    width: 48px;
}
.brand h2 {
    margin-left: -4px;
    margin-bottom: 1px;
}
@keyframes moveDown {
    0%, 30% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(300%);
    }
}
.animated-down-border {
    animation: moveDown 10s infinite;
    background-image: linear-gradient(#fff 5%,#ccc2ff 15%,#6248ff 30%,#d450b9 41%,#ff4848 50%,#d450b9 60%,#6248ff 70%,#ccc2ff 85%,#fff 95%);
    height: 7.5rem;
    padding: 3px;
    position: absolute;
    inset: -7.5rem 0% auto;
}
.marquee-video-item {
    width: 215px;
    height: 360px;
    object-fit: cover;
    padding: 3px;
}
.marquee-video-item video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 10;
    position: relative;
}