.scroll-container {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
}

.scroll-track {
  display: flex;
  gap: 20px;
  position: relative;
  flex-wrap: nowrap;
}

.scroll-track.right {
  left: -200%;
}

.logoimg {
  height: 100px;
  /* Adjust size */
  width: auto;
}

.templateimg {
  height: 200px;
  /* Adjust size */
  width: auto;
}

.tealtolight {
  background: linear-gradient(180deg, #104862 0%, #104862 25%, #4A7895 100%);
}

.tealtodark {
  background: linear-gradient(180deg, #104862 0%, #104862 25%, #0B3041 100%);
}

.redtolight {
  background: linear-gradient(139deg, #9c4659 0%, #9c4659 65%, #f1fbff 100%);
}

#presentationSvg * {
  user-select: none;
}

#newpresentation {
  border: 2px #f8f9fa solid;
  color: #fff;
  padding: 0px;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  cursor: pointer;
  float: right;
  font-size: 75px;
  line-height: 75px;
  text-align: center;
  right: 50px;
  bottom: 50px;
  z-index: 11;
  position: fixed;
}

.animatezoom {
  animation: zoom-in-zoom-out 1s ease 5;
}

@keyframes zoom-in-zoom-out {
  0% {
    scale: 100%;
  }

  50% {
    scale: 150%;
  }

  100% {
    scale: 100%;
  }
}