@keyframes infiniteScroll {
  from {transform: translateX(0%)}
  to {transform: translateX(-10%)}
}
.container {
  width: 100%;
  overflow-x: hidden;
  height: 25%
}
.horizontal-scrolling-items {
  display: flex;
  color: black;
  font-size: 20px;
  animation-name: infiniteScroll;
  animation-duration: 12s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  font-family:  'Times New Roman', Times, serif;
}
.horizontal-scrolling-items__item {
  white-space: nowrap;
  font-family:  'Times New Roman', Times, serif;
}

h1 {
  color: white !important;
  font-family: 'Times New Roman', Times, serif !important;
  font-size: 24px !important;
}

.text {
  font-family: 'Times New Roman', Times, serif !important;
  display: inline-block !important;
  color: white !important;
}

pre code {
<<<<<<< HEAD
  background-color: #1a1a1b;
=======
  background-color: white;
>>>>>>> 813a24edf95a4e0d2e654df5de9e106aac3e0993
  border: 3px solid #EF9749;
  display: block;
  padding: 20px;
  width: 25%;
  margin-left: 25px;
<<<<<<< HEAD
  color: white;
=======
>>>>>>> 813a24edf95a4e0d2e654df5de9e106aac3e0993
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 3px solid white !important; 
  background-color: black;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  outline: none;
  cursor: pointer;
  padding: 14px 20px;
  transition: 0.3s;
  color: white;
  font-family: 'Times New Roman', Times, serif !important;
  border-right: 3px solid white;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #EF9749;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: black;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 3px solid white !important;
  border-top: none;
  color: white !important;
}