::-moz-selection {
  background-color: transparent;
}

::selection {
  background-color: transparent;
}

body {
  /*width: 100%;*/
  /*background-color: #ffdf32;*/
  margin: 0;
  overflow: hidden;
}

.marquee {
  -webkit-animation: banner 15s linear infinite;
          animation: banner 15s linear infinite;
  box-sizing: border-box;
  height: 60px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  /*background-color: ghostwhite;*/
  /*background-color: #ffdf32;*/
  color: mediumseagreen;
  cursor: url(../images/100.svg), auto;
  font-family: 'Lobster', cursive;
  font-size: 40px;
  font-weight: normal;
  line-height: 1.4;
  margin: -30px 0 0;
  overflow: hidden;
  padding: 0 40px;
  position: absolute;
  transition: 0.35s ease-in-out;
  -webkit-transform: translateX(120%) translateZ(0) scale(1, 1);
          transform: translateX(120%) translateZ(0) scale(1, 1);
  white-space: nowrap;
}
.marquee:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  height: 78px;
  font-size: 52px;
  margin-top: -39px;
  padding-left: 52px;
  padding-right: 52px;
}

.marqueeSpan:nth-child(1) {
  color: lightseagreen;
}
.marqueeSpan:nth-child(2) {
  color: tomato;
}

@-webkit-keyframes banner {
  100% {
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%);
  }
}

@keyframes banner {
  100% {
    -webkit-transform: translateX(-110%);
            transform: translateX(-110%);
  }
}