.MainTitle h1 {
  text-align: center;
  font-size: 220px;
  color: white;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  margin-top: 0;
}
.background {
  background-color: rgb(21, 20, 20);
  margin: 0;
  padding: 0;
}
ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  animation: slide 40s linear infinite;
  width: 200%;
}
li {
  padding: 0;
  margin: 5px;
}
.slideContainer {
  width: 100%;
  overflow: hidden;
}
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.mmCollective {
  height: 400px;
  width: 600px;
  color: white;
  font-family: monospace;
  font-size: xx-large;
  position: relative;
  left: 50px;
}
.pictureRight {
  background-image: url("im5.jpg");
  background-size: contain;
  height: 501px;
  width: 1000px;
  position: relative;
  left: 820px;
  bottom: 240px;
}

.Offers {
  position: relative;
  bottom: 1000px;
  height: 400px;
  width: 600px;
  left: 1200px;
  color: white;
  font-family: monospace;
  font-size: xx-large;
}
.leftPicturesOne {
  background-image: url("img.6.JPG");
  background-size: cover;
  height: 600px;
  width: 600px;
  position: relative;
  top: 200px;
  left: 50px;
}
.leftPicturesTwo {
  background-image: url("img7.JPG");
  background-size: cover;
  height: 600px;
  width: 600px;
  position: relative;
  top: 250px;
  left: 50px;
}
.underText {
  background-image: url("img8.JPG");
  background-size: cover;

  height: 600px;
  width: 1200px;
  position: relative;
  left: 700px;
  bottom: 500px;
}