body 
        {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        font-family: "Poppins", sans-serif;
        background-image: linear-gradient(90deg, #11218a, #a1aae6);
        }
.ticker-wrap {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  position: fixed;
  bottom: 300;
  height: 3.5rem;
  background-color: #274c87;
}
.ticker {
  display: inline-block;
  animation: marquee 40s linear infinite;
  background-color: #274c87;
}
.item-collection-1 {
  position: relative;
  left: 0%;
  animation: swap 40s linear infinite;
}
.item {
  display: inline-block;
  padding: 0 1rem;
  font-size: 2rem;
  color: wheat;
  font-weight: 800;
  font-family: sans-serif;
}
/* Transition */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes swap {
  0%,
  50% {
    left: 0%;
  }
  50.01%,
  100% {
    left: 100%;
  }
}
         
.overlay-splash 
{
display: flex;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: #15262E;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='100px' width='100px'><text transform='translate(20, 100) rotate(-45)' fill='rgb(66, 163, 212)' font-size='20'>Quiz Off</text></svg>");
z-index: -1;
}