* {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
}

body {
  overflow-x: hidden;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-250px * 10));
  }
}
.slider {
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 760px;
}
.slider::before,
.slider::after {
  content: "";
  height: 100px;
  position: absolute;
  width: 100px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  animation: scroll 40s linear infinite;
  display: flex;
  width: calc(250px * 20);
  gap: 2rem;
}
.slider .slide {
  margin-top: 3rem;
  height: 100px;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tech-logo {
  min-width: 5rem;
  max-width: 5rem;
}

.company-logo {
  min-width: 4rem;
  max-width: 4rem;
}

ul {
  margin-left: 3rem;
}

ul li {
  list-style-type: circle;
  margin-top: 1rem;
}